Jump to content


Photo
- - - - -

How do I change the color of the navigation row?


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

#1 teenagelifestyle

teenagelifestyle

    Newbie

  • Members
  • Pip
  • 6 posts

Posted 03 December 2010 - 05:29 PM

I'm running Platform Pro and I would like to change the color of the nav bar from the default white to Midnight Blue: #151B54, does anyone have a code that would allow me to do this? Thanks in advance.

#2 teenagelifestyle

teenagelifestyle

    Newbie

  • Members
  • Pip
  • 6 posts

Posted 03 December 2010 - 06:01 PM

UPDATE: I have found out how to change the nav row background color but the buttons remain white, how do I change the buttons to match the background?

#3 cmunns

cmunns

    Advocate

  • Members

  • 6537 posts

Posted 03 December 2010 - 07:18 PM

The active button, the hover button ...which is it? A link would help as well.

#4 anvilmediainc

anvilmediainc

    Advanced Member

  • Members
  • 89 posts

Posted 04 December 2010 - 12:02 AM

Michael, I've posted CSS that I've used to customize the nav on my dev site in this thread here:

Please Login or Register to see this Hidden Content



#5 teenagelifestyle

teenagelifestyle

    Newbie

  • Members
  • Pip
  • 6 posts

Posted 04 December 2010 - 12:12 AM

Please Login or Register to see this Hidden Content

is a screen shot of what I'm talking about. I want the row of buttons that is white to become blue, as well as the drop down menu that appears when you hover over a button if at all possible.

Please Login or Register to see this Hidden Content



#6 teenagelifestyle

teenagelifestyle

    Newbie

  • Members
  • Pip
  • 6 posts

Posted 04 December 2010 - 01:56 AM

Daivd,

First of all thank you for your reply, although your CSS theoretically fixed my problem, it caused two new ones. 1. For some strange reason the color only covers a portion of the nav bar. 2. The drop down menu disappears behind the feature box. Do you have any solutions?

Please Login or Register to see this Hidden Content

is a link to a photo that may help to clarify what I am saying.

Thanks in advance,

Michael

#7 catrina

catrina

    Advocate

  • Members
  • 12345 posts

Posted 04 December 2010 - 07:00 PM

For the color issue, some CSS just has to be tweaked. Can you please post a link to your site?

#8 anvilmediainc

anvilmediainc

    Advanced Member

  • Members
  • 89 posts

Posted 04 December 2010 - 11:42 PM

Are you using a full-width site? My navigation was designed for a fixed-width site. Try deleting this line: width:990px; From here: #primary-nav{ Second, the dropdown falling behind the feature box is a z-index issue but I'm not entirely sure why yours is doing that. Could you post a link to your site?