How do I change the navigation bar colors?

Jessica Paxton
asked 10 years ago

How do I change the navigation bar colors in DW FOCUS
black background with white text links
active links: green background with white text
hover: green background with white text

2 Answers

DominicStaff
answered 10 years ago

To change the navigation background color, you can add the following code to the style.css file:

.navbar { background: #000; border-right-color: #...; }
.navbar .nav li a { color: #fff; }
.navbar .nav li a:hover, .navbar .nav li a:active, .navbar .nav li a:focus {
    background: #008000;
    color: #fff !important;
}

Hope this helps !

Jessica Paxton
replied 10 years ago

Thanks. It worked but the drop down menu is screwed up now
When I hover over the nav bar link it appears green with white text but the drop down is all white, you don’t see anything. when you hover, a link appears with white text against a green background. what code do i need to make the drop down menu background black with white text and nothing else

DominicStaff
answered 10 years ago

You can add the following code to the style.css file:

.navbar .nav .menu-item-object-category .sub-mega-wrap { background: #000; }
.navbar .nav > .sub-menu .active > a { color: #fff !important; }
.navbar .sub-menu > li > a { color: #fff !important; }
.navbar .sub-menu > li > a:hover, .navbar .sub-menu > li > a:active, .navbar .sub-menu > li > a:focus {background: none; color: #fff !important; }
.navbar .subcat .subcat-title > a:hover, .navbar .subcat .subcat-title > a:active, .navbar .subcat .subcat-title > a:focus  {background: none; color: #fff !important; }

If you still face there issue, you can send me your site for further checking.
Regards,