Skip to main content
Inspiring
Nov 10, 2014 1:05 PM UTC
Answered

Button Sizes

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

This topic is closed to new replies. Start a new post to keep the conversation going.
Willam van Weelden
Willam van WeeldenCorrect answer
Inspiring
Nov 10, 2014 3:21 PM UTC

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

4 replies

Willam van Weelden
Willam van WeeldenCorrect answer
Inspiring
Nov 10, 2014 3:21 PM UTC

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

Translate
Jop_SmithAuthor
Inspiring
Nov 10, 2014 3:53 PM UTC

Thanks Willam

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

Translate
Willam van Weelden
Inspiring
Nov 10, 2014 4:01 PM UTC

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

Translate