Toolbar height in WebHelp skin

[pdxwordsmith]

I'm tearing my hair out trying to figure out how to increase the height of the Toolbar at the top of my WebHelp.

With the default skin, I get:

default.jpg

When I use the futuro skin, I get:

futuro.jpg

This height works nicely with my logo, so I check the skin to see what they're doing. It looks like the height is being controlled by the Style > Frame > Toolbar > Height property - set to 36px.

When I use this setting in my skin, I get:

frame-big.jpg

It appears that this property is changing the height of the border, not the toolbar area itself.

So, how do I change the size (height) of the toolbar area? Any help appreciated!

[LTinker68]

It looks like the height is being controlled by the Style > Frame > Toolbar > Height property - set to 36px... It appears that this property is changing the height of the border, not the toolbar area itself.

That's the right spot. It's not changing the height of the border, it's changing the height of the toolbar. The problem is that there is a background image in the toolbar and it's repeating that image when you increase the toolbar height. You think you're looking at the toolbar, but you're actually looking at the top of the background image as it's being repeated. (Note that your logo is overlapping what you called the border -- if it were a real border it wouldn't be doing that.) If you set the toolbar height to 100px then you'll really see the image repeating.

So after setting the toolbar height, change the toolbar background to a different color or add a gradient instead of using the default background image.

[pdxwordsmith]

Oh thank you! I didn't realize there was an image providing the background. (D'oh!)