Jump to content


Photo

Rounded corners for nav menu buttons


This topic has been archived. This means that you cannot reply to this topic.
3 replies to this topic

#1 amforh

amforh

    Advanced Member

  • Members
  • PipPipPip
  • 37 posts

Posted 05 November 2010 - 05:47 AM

Hi,

I would to like to add rounded corners for each button of the top nav menu and also change the default colors. What are the code lines that I have to change?

You can see an idea of what I mean on box.net.

Thank you.

#2 arpowers

arpowers

    Founder

  • Administrators
  • 3270 posts

Posted 05 November 2010 - 02:07 PM

You could start by trying this: ` .main_nav li a{ margin: 5px 10px; -moz-border-radius: 6px; -khtml-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; } ` Untested!

#3 amforh

amforh

    Advanced Member

  • Members
  • PipPipPip
  • 37 posts

Posted 05 November 2010 - 07:23 PM

Hi, I tried that, but id did not work. It works if I edit #primary-nav ul li, #primary-nav ul ul, #primary-nav li a

#4 arpowers

arpowers

    Founder

  • Administrators
  • 3270 posts

Posted 05 November 2010 - 07:26 PM

Cool, go for that then.. Make sure you use and learn Firebug for Firefox.