Skip to main content
J
Jop_Smith
Inspiring
November 10, 2014
Answered

Button Sizes

  • November 10, 2014
  • 1 reply
  • 507 views

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 has been closed for replies.
Correct answer Willam van Weelden

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

1 reply

Willam van Weelden
Willam van WeeldenCorrect answer
Inspiring
November 10, 2014

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

J
Jop_SmithAuthor
Inspiring
November 10, 2014

Thanks Willam

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

Willam van Weelden
Willam van Weelden
Inspiring
November 10, 2014

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

Terms & ConditionsAccessibility statement
Using the community Terms of use Privacy Cookie preferences Do not sell or share my personal information ad choicesAdChoices