Change Menu Color

[Andrew Phung]

Hey Bill,

Any advice on changing the color of the menu titles on the top right?

Thanks,

Andrew

[Bill Robbins]

Andrew,

If you’ll be using Fontific to make the changes, this is the selector you’ll want to use for the navigation items:

header.primary .menu li a,
header.primary .menu li a:visited

Let me know if you have any trouble,
Bill

[Unity Christian Church]

I don’t know what fontific is, but I also want to change the top menu navigation colors.

[Bill Robbins]

Ann,

Fontific is a plugin that lets you use Google Fonts on your site to change the typography.

You can edit the navigation colors though without it. Here’s how:

1. Go to the theme options page and select the styling tab.
2. Scroll down to the bottom and paste this into the box labeled “Custom CSS”

   
   
   header.primary .menu li a,
   header.primary .menu li a:visited {
        color: #cccccc;
   }
   
   

3. Change the #cccccc to the color code of the color you’d like to use. You can use one of the color pickers above to help you find a color if you need to (just delete it from the picker once you’re finished).
4. Update your settings.

That’ll change the menu color. If you run into trouble, let me know,
Bill

[Author]

Posts