Jump to content


Photo
- - - - -

Customizing the Navigation bar


  • Please log in to reply
5 replies to this topic

#1 hop2us

hop2us

    Advanced Member

  • Members
  • 64 posts
  • Country: Country Flag

Posted 04 September 2012 - 07:19 PM

I've been trying to get the right css for customizing the navigation bar, but nothing seems to be working. I just want the bar to have no background (or it could be white) with black type, hover and seleted states of dark grey and the font to be the cufon I added (typewriter condensed). Any help is much appreciated!

#2 catrina

catrina

    Advocate

  • Members
  • 12345 posts
  • LocationCalifornia
  • Country: Country Flag

Posted 04 September 2012 - 07:43 PM

Have you been using Firebug to inspect the navigation bar for the correct selectors? What CSS have you tried so far?

#3 hop2us

hop2us

    Advanced Member

  • Members
  • 64 posts
  • Country: Country Flag

Posted 05 September 2012 - 03:16 AM

This is what I have now. The li a seems to be working but I can't get the background of the navbar to change color. I have it set for white but it still shows black. .navbar { color: #ffffff; } .navbar .navline li a{ color: #c12929; font-size: 20px; letter-spacing:2px; padding-left: 0px; padding-right: 30px; }

#4 Danny

Danny

    Is Awesome!

  • Moderators
  • 15653 posts
  • LocationManchester, UK
  • Country: Country Flag

Posted 05 September 2012 - 07:39 AM

Hi,

Your Navbar CSS is slight incorrect if you wish to change the background color. Add this instead:

Please Login or Register to see this Hidden Content



#5 hop2us

hop2us

    Advanced Member

  • Members
  • 64 posts
  • Country: Country Flag

Posted 05 September 2012 - 04:26 PM

AH! that worked. Thanks so much!

#6 Danny

Danny

    Is Awesome!

  • Moderators
  • 15653 posts
  • LocationManchester, UK
  • Country: Country Flag

Posted 06 September 2012 - 05:27 AM

No problem, happy to help!