View Single Post
Old 03-05-2018, 09:07 AM
karichristen karichristen is offline

Join Date: Mar 2018
Posts: 7

Exclamation Help! My Nav Bar won't change colors

Hi I am having the most trouble changing my main nav bar colors.

Im using Template #51 Ultimate Skin

I would like to change the background to Navy and the selected page to red, font to white and drop down background to white and black font and red Hover.

Here is the current code:
* Top menu main block styling

.navbar-inverse {
background-color: red;
border-color: #000080;

.navbar-inverse .navbar-nav > li > a:hover,
.navbar-inverse .navbar-nav > li > a:focus {
color: #ffffff;
background-color: #081b7a;

.navbar-inverse .navbar-nav > .active > a,
.navbar-inverse .navbar-nav > .active > a:hover,
.navbar-inverse .navbar-nav > .active > a:focus {
color: #ffffff;
background-color: #081b7a;

I just have no idea what to change because I tried changing all of these and NOTHING adjusts the colors of the menu no matter what I change. So I'm thinking I need to overwrite something Im just not sure?

Website link:

Please help!
Reply With Quote