Button Sizes

[Jop_Smith]

RH11 | WebHelp

Does anyone know how to change the button sizes for the images used in the Function bar and Sidebar? The Layout Customisation screen states the images must be a certain size (e.g. 30x22 pixels) but I want to use my own sized buttons which are 84x42 pixels. I also want to remove the padding around the buttons. I've had a look in main.css, but I can't find anywhere that controls this. It must be "baked" into the responsive layout somewhere.

Thanks

Jonathan

[Willam van Weelden · Accepted solution]

Look for ul.wTabGroup, li.wTab, li.wTabSelected and li.wTabHover. That's where the tab sizes for desktop are defined.

For the buttonbar, look for div.bar_(topic|glo|idx|toc|fts). There the buttonbar is defined. Be aware that the same elements have different styling for different media queries.

You can put in a larger image, but I think it will stretch the layout. Could you resize the images? That's the easy way as you don't need to play with the layout.

Kind regards,

Willam

[Jop_Smith]

Thanks Willam

Is it also possible to control the font size in the sidebar?

[Willam van Weelden]

Sure. You have to set the size for the div.wTabGroupContent (if I remember correctly). It's the DIV defined in same section as the div.wTabGroup.

Kind regards,

Willam

[Jop_Smith]

Your memory is pretty good! It was div.wTabContentGroup.

Thanks

Jonathan