Custom Color in NavBar-full width

[jonelder135+ 0]

Hello I am now attempting to make my nav-bar full width a specific color. I have managed o make several mods to it so far but this one eludes me. I would like it to be a spefic color of blue. Also it should have thborder and seperators I have mad so far.

 

Site: www.thevillagerny.com/wp/

 

my code

 

/*add border and blue to navbar*/
.section-navbar{
  background: #1768a0;
  border-style: solid;
  border-width: 2px;
  border-radius: 5px;
  border-color: rgba(0,0,0,1);
  font-size: 16px;
}
 

 I currently have blue selected as the automatic color choice in navbar section choices. the border works but the color will not change tot he darker shade I would like. Any suggestions would be welcome.

 

 

[jmad 80]

did you try using #navbaruxen9fj instead of .section-navbar?

[Danny+ 1,327]

Hi,

 

Use the following CSS:

 

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

background: #1768a0;

}

[jonelder135+ 0]

Thank you Danny for sharing your great knowledge. It works perfectly now. In an attempt to learn as much as I can from our post, what exactly does the #site prefix designate? 

[Danny+ 1,327]

Basically, in CSS ID overpowers classes for example:

 

#hello { ... } will over power .hello { ... }

 

Therefore, to make sure your CSS/LESS CSS overrides the default CSS/LESS CSS, I use the #site prefix to guarantee this. You can find more information here - http://answers.pagelines.com/Customization/how-to-override-default-css