• 0
Sign in to follow this  
Followers 0

Problem with changing the color of NavBar Background


Question

Posted (edited) · Report post

To change the color of NavBar, I created a custom class GlobalNavigationBarBGColor in styling classes section. and then added the following code in CSS

 

.GlobalNavigationBarBGColor {
background-color: #FF6600;
color: #FFF;
}
 
But the color is in a frame! Not in the whole background >> http://postimg.org/image/nbmeicx3f/
 
Is there anything I missed? Site: techgainer.com (the condition is live right now)
Edited by rijans

Share this post


Link to post
Share on other sites

3 answers to this question

  • 0

Posted · Report post

Hi rijans

I´m not sure but try to add this CSS rule

.navbar.pl-color-base { background: none;}

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

Or try this link or the code below.

 

 

http://forum.pagelines.com/topic/32824-nav-bar-not-fixed-centering/

 

.GlobalNavigationBarBGColor {.section-navbar .pl-section-pad .navbar-content-pad{

padding: 0 15px;

background-color: #ff6600;

}

}

 

And you probably wouldn't need a custom class if you want this through your entire site just use

 

.section-navbar .pl-section-pad .navbar-content-pad{

padding: 0 15px;

background-color: #ff6600;

 

}

 

Hope that helps.

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!


Register a new account

Sign in

Already have an account? Sign in here.


Sign In Now
Sign in to follow this  
Followers 0