4 Replies Latest reply: Nov 10, 2014 8:07 AM by Jop Smith

Button Sizes

Jop Smith Nov 10, 2014 5:05 AM

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

1. Re: Button Sizes

Willam van Weelden Nov 10, 2014 7:21 AM (in response to Jop Smith)

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
Like Show 0 Likes (0)

Actions
2. Re: Button Sizes

Jop Smith Nov 10, 2014 7:53 AM (in response to Willam van Weelden)

Thanks Willam

Is it also possible to control the font size in the sidebar?
Like Show 0 Likes (0)

Actions
3. Re: Button Sizes

Willam van Weelden Nov 10, 2014 8:01 AM (in response to Jop Smith)

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
Like Show 0 Likes (0)

Actions
4. Re: Button Sizes

Jop Smith Nov 10, 2014 8:07 AM (in response to Willam van Weelden)

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

Thanks
Jonathan
Like Show 0 Likes (0)

Actions

Go to original post

Button Sizes

1. Re: Button Sizes

2. Re: Button Sizes

3. Re: Button Sizes

4. Re: Button Sizes

Actions

More Like This

Legend