Changing the colour of the text on the navigation bar

[kathy Wilson]

Hi
I am trying to change the text in the navigation bar from white to black.
I changed the navigation bar colour in theme options but it doesn’t seem to have changed anything.
Thanks for your help.
Kathy

[Bill Robbins]

Hello Kathy,

Sorry for the trouble there. The option in the theme options to change the header bar color applies once the page has scrolled down past the hero section. When a page is using a hero section the header bar is transparent by default, but you can set it to be colored. Here’s how:

1. Go to your theme options page and choose the Advanced tab.
2. Scroll down to the Custom CSS box and add this:

   
   #header {
   	background-color: #fff;	
   }
   

3. Update your settings.

Leave the header bar set to white in the theme options too.

Let me know if you run into any questions or trouble,
Bill

[kathy Wilson]

Hi Bill Thanks for the quick response! I followed the directions but there is now a white bar across the top section. The navigation bar is still there but only viewable when scrolled over? Kathy

[kathy Wilson]

Hi Bill the text is still playing up there but I am now wondering about removing the navigation bar on the home page completely so it is more like a landing page. Is that possible? Kathy

[Bill Robbins]

Absolutely. Here’s how to hide the navigation bar on the home page:

1. Go to your theme options page and choose the Advanced tab.
2. Scroll down to the Custom CSS box and add this:

   
   .home #header {
   	display: none;
   }
   

3. Update your settings.

That should do it. If you run into trouble, let me know.

Thanks,
Bill

[Author]

Posts