DMS 2 trouble setting a custom color in NavBar

[nadielp+ 6]

Hi Everyone,

 

I don't seem to be able to set a custom color in NavBar.

 

I have tried three different methods and none of them have worked.

I tried to set the background color for the section to CC3333 but that doesn't appear. I assume this has to do with the fact that the colors are set in a dropdown selector...but anyway. I also tried to use each of these CSS settings in less/css. For the first one I tried to add a color setting to the changes I already had implemented but that did not work and then I tried the second one and that also did not work.

 

I am not sure what I am missing here but if anybody can shed some light, I would certainly appreciate it.

 

The site is http://mofischer.com/

 

 

.navbar.navbar-full-width {

    border-radius: 0px 0px 0px 0px;

    font-size: 16pt;

    letter-spacing: 1.0px;

    word-spacing: 10px;

    background-color: rgb(240, 72, 49);

    min-height: 0px;

}

 

 

.navbar.pl-color-base .navline > li:hover > a, .navbar.pl-color-base .navline > li.current-menu-item > a, .navbar.pl-color-base .navline > li.dropdown.open > a {

color: rgb(240, 72, 49);

background-color: rgb(240, 72, 49);

}

 

Thanks!

 

[Danny+ 1,327]

Hi,

 

Use the following code to add your own custom color:

 

#site .section-navbar .navbar.pl-color-red {

background-color: green;

}

[nadielp+ 6]

Thanks Danny! It worked perfectly. Can I ask why it needs the .navbar.pl-color-red? I would have never thought to add that.

 

Thanks.

[Danny+ 1,327]

That is because on your site, you have selected the red background color for your Nav and therefore, the color is coming from that class. If you wish to override the red color, you will need to include that class, which is I did.

[nadielp+ 6]

Thanks Danny!

[Danny+ 1,327]

No problem.