Change color of panel navigation-text and graphic

Good morning –

We might be able to make these changes with some CSS. You’ll need to enable the Jetpack plugin and activate the CSS module if you haven’t done that already.

I want to clarify which part of the site navigation you’d like to change and what exactly you mean by changing the graphic.

Are you looking to change the color on the site menu. Those items are “Home”, “Regulate-Now”, and “Contact Us”

Or is it the sub menu item underneath “Regulate Now” that you want to change? That’s the drop down when you click on “Regulate Now” and the white box appears with “Testimonials”.

Hello Liz,
I want to change the colors of the panel-navigation, the dots and panel names that appear on the right-middle of the screen.

thanks, Sue

Hi Sue –

Sounds good. I see that you have the site set up with Jetpack already. You’ll need to enable the CSS module and add the CSS code to change that appearance on the panel-navigation.

Which color do you want to use? For example, this will change the menu links to be all black (you’ll lose that gray highlight on the Home page link)

#top-menu a {
     color: #000; 
}

The diamonds on the right hand side of the page under the menu, will be something like

.panel-navigation 
    color: #000;
}