Archived

This topic is now archived and is closed to further replies.

  • 0

How do I make my nav bar the same color as the rest of my page?

Question

Posted · Report post

I changed the content area and page background to an off white. For some reason my nav bar is still white. How do I correct this problem? Thanks in advance for any assistance you can offer.

www.jenniferkegley.com

Share this post


Link to post
Share on other sites

1 answer to this question

Posted · Report post

Hi Jen,

Add the following code to your custom CSS:


#page .navigation_wrap {
background: transparent;
border-bottom: transparent;
}

#page .sf-menu li a, #page ul.sf-menu a:focus, #page .sf-menu a:hover, #page .sf-menu a:active {
background: transparent;
}

#page .main-nav li a:hover, #page .main-nav .current-menu-ancestor .current_page_item a, #page .main-nav li.current-menu-ancestor ul a:hover, #page .main-nav .current-page-ancestor .current_page_item a, #page .main-nav li.current-page-ancestor ul a:hover {
background: transparent;
}

#page .main-nav .current-menu-ancestor a, #page .main-nav li.current-menu-ancestor ul a, #page .main-nav li.current_page_item a, #page .main-nav li.current-menu-item a, #page .main-nav li.current_page_parent a, #page .sf-menu li li, #page .sf-menu li li li, #page .main-nav li:hover, #page .main-nav .current-page-ancestor a, #page .main-nav li.current-page-ancestor ul a {
background: transparent;
}

#page .sf-menu li img:hover {
background: transparent;
}[/CODE]

Share this post


Link to post
Share on other sites