Text Color in Nav

[Charles Wilson]

How do I change the color of the text in my nav menu from #fff?

[Bill Robbins]

Charles,

Thank you for your business first of all. Here’s how to change the navigation color.

1. Go to the theme options page and select the styling tab.
2. Scroll down to the Custom CSS box and paste this:

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

3. Change the #cccccc to the color code you’d like to use
4. Upate your settings.

That will change the navigation color for you. If you’d like to change the hover state, use this in the Custom CSS box too:

.menu a:hover, 
.current-menu-item a {
	color: #ffffff;
}

If you have any questions or trouble, let me know,
Bill

[Charles Wilson]

Thanks, worked perfectly. How do I put breaks between the food menu heading and the logo, and the menu items and the menu heading? Any recs for Google font integration? Thanks for the superb support!!

[Bill Robbins]

Charles,

To create extra space between the logo/header area and the top of your menu pages, place this code in your Custom CSS box:

.tax-menu_group #page,
.page-template-page-menu-php #page-full {
	padding-top: 40px;
}

Just change the 40px in the above snippet to change the amount of space (the default is 10 pixels).

To change the space below the menu section titles, use this snippet in your Custom CSS box:

#menu h4.divider {
	margin-bottom: 25px;
}

---

For Google Fonts, I like two plugins. The first is WP Google Fonts. It’s simple, but doesn’t have a lot of options. The second is Fontific which is more powerful and has a visual editor but it can be a bit more complicated.

If I can help let me know.

Have a great week,
Bill

[Charles Wilson]

What do I do to increase the space between menu category titles and the menus below?

Thanks so much for your great support.

[Charles Wilson]

This doesn’t seem to be working anymore to increase the space between the logo and the title of the menu category pages:

#menu h4.divider {
margin-bottom: 25px;
}

Any ideas?

[Author]

Posts