I am having trouble finding the CSS to change the padding around the header buttons.
See my site here
I want the header buttons/links to match up with the header on my other website
For example, the blue color around the "HOME" button should be the same, currently there is too much padding and too much blue area around the text.
This change needs to apply to all buttons. I was able to change the active one, but the other buttons and rollover didn't work right
Thanks in advance!
Help changing navigation button size
Started by
yourtribute
, Oct 01 2011 07:53 PM
4 replies to this topic
#1
Posted 01 October 2011 - 07:53 PM
#2
Posted 01 October 2011 - 08:09 PM
It should be something like
Adjust the 0px to the size of padding you want.
You have two different fonts there and the letter spacing may be too wide for the inc site. Try changing the font for your menu in Typography, and checking the settings for letter spacing.
Adjust the 0px to the size of padding you want.
You have two different fonts there and the letter spacing may be too wide for the inc site. Try changing the font for your menu in Typography, and checking the settings for letter spacing.
#3
Posted 01 October 2011 - 08:33 PM
I tried your suggestion but it didn't work. I also tried removing all of my custom CSS and just using what you posted but changing the padding size had not effect. Any other suggestions? Thanks
#4
Posted 01 October 2011 - 09:34 PM
I figured it out. I had to use this code to get it to work:
ul.sf-menu li a {
padding: 0px 0px 0px 0px;
}
Thanks, Jason
#5
Posted 01 October 2011 - 11:49 PM
Glad you got it working!











