Jump to content
Sign in to follow this  
feltons

How to change the NavBar Colour

Recommended Posts

feltons

I would like to change the colour of the NavBar to a dark blue (#001c41). I have looked through the documentation and forum but I can't seem to find anything on how to change the NavBar colour other than by using the themes provided. I have found the CSS for the NavBar, but I am not sure how to go about changing it.

Share this post


Link to post
Share on other sites
batman

You can try add in PageLines > Site Options > Custom Code > CSS Rules

 navbar.pl-color-blue {
	    border-top: none;
	    background: #001c41;}
	.section-navbar a {color: #001c41;}
	.navbar {box-shadow: none;} 

If you want a simple control of your navegation bar, you change Standard NavBar to NacClassic Go to Pageline > Drag&Drop > Tempalte Setup > Header Drag the NacCassic to active section Then you can try the Simple CSS Lite plugin found in the PageLines Store. It's a free plugin that allows you control over the color of the menu. Simple CSS Lite only works on the standard navigation. Before using erase CSS code of your NavBar.


Life is too short to remove USB safely ...

Share this post


Link to post
Share on other sites
feltons

Thanks Batman, your css worked but i've switched back to clasic for now.

Share this post


Link to post
Share on other sites
James B

Hi Felton, I'm glad Batman's response worked for you. I've accepted his answer to close this thread for you :)


Kindly search the forum and read the documentation before posting. It will help you resolve many issues.

For CSS help be sure to check out W3Schools first and be sure to download FireBug for FireFox for troubleshooting.

James B

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  

×