• 0
Sign in to follow this  
Followers 0

Help changing navigation button size

Question

Posted · Report post

I am having trouble finding the CSS to change the padding around the header buttons. See my site here http://www.yourtributeinc.com/ I want the header buttons/links to match up with the header on my other website http://www.yourtribute.in/ 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!

Share this post


Link to post
Share on other sites

4 answers to this question

  • 0

Posted · Report post

It should be something like [code]#nav ul ul li {padding: 0px 0px 0px 0px;}[/code] 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.

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

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

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

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

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

Glad you got it working!

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!


Register a new account

Sign in

Already have an account? Sign in here.


Sign In Now
Sign in to follow this  
Followers 0