Jump to content


Photo
- - - - -

Help changing navigation button size


  • Please log in to reply
4 replies to this topic

#1 yourtribute

yourtribute

    Member

  • Members
  • PipPip
  • 17 posts

Posted 01 October 2011 - 07:53 PM

I am having trouble finding the CSS to change the padding around the header buttons. See my site here

Please Login or Register to see this Hidden Content

I want the header buttons/links to match up with the header on my other website

Please Login or Register to see this Hidden Content

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!

#2 Rob

Rob

    One Smart Egg

  • Members
  • 13575 posts
  • LocationEast Coast, USA
  • Framework Version:The Latest, of course
  • Country: Country Flag

Posted 01 October 2011 - 08:09 PM

It should be something like

Please Login or Register to see this Hidden Content

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 yourtribute

yourtribute

    Member

  • Members
  • PipPip
  • 17 posts

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 yourtribute

yourtribute

    Member

  • Members
  • PipPip
  • 17 posts

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 Jenny

Jenny

    Advocate

  • Unicorn Store Dev

  • 2924 posts
  • LocationWV
  • Country: Country Flag

Posted 01 October 2011 - 11:49 PM

Glad you got it working!