How to change the Menu Link Color
In order to change the color of the menu links you will need to be in the Menu Items section.
- In the Dashboard navigate to Appearance → Customize
- In the Customizer menu navigate to Design → Menus → Menu Location → Menu Items → Link Color
- Click on the palette color that you wish to use
- Click on Publish in order to save your selection
How to change the Menu Link Hover Style
In order to change the style of menu links on hover you will need to be in the Menu Items section.
- In the Dashboard navigate to Appearance → Customize
- In the Customizer menu navigate to Design → Menus → Menu Location → Menu Items → Hover Style
- Click on the palette color that the text will change to on hover
- Click on Publish in order to save your selection
There are also a number of Hover Effects that you can choose from, or leave at No Hover Effects to simply have the color change. When the hover effect is enabled, you will see the color selected used for the effect when the mouse hovers over the selected menu item.
Want more hover styles to choose from? Upgrade to Crio Pro today!
How to Change the Borders for Menu Links
The settings here change the border and border radius that appears on every menu item. If you want to control the border and border radius on the entire menu area click here.
- In the Dashboard navigate to Appearance → Customize
- In the Customizer menu navigate to Design → Menus → Menu Location → Menu Items → Border
- Select a Border Type option
- Use the sliders to control the widths of your border sides
- Click on the palette color that you wish to use
- Click Publish to save your changes
The Border Radius controls the roundness of your element’s corners. A higher border radius values creates more rounded corners. You can use the responsive tools to customize border options at different screen sizes.
- Scroll down to Border Radius
- Use the sliders to adjust the roundness of the four corners
- Click Publish to save your changes
Note: You can use the Undo Changes option to remove current changes or Delete Saved Settings to reset to the default options.
SIGNUP FOR
BOLDGRID CENTRAL
200+ Design Templates + 1 Kick-ass SuperTheme
6 WordPress Plugins + 2 Essential Services
Everything you need to build and manage WordPress websites in one Central place.
Peter says:
Something has happened with an update to Crio, and now my main navigation has an red-orange bar underneath it that raises on hover. I’m trying to get rid of that bar altogether, but I don’t see where to set that.
Brandon says:
Hi Peter!
I just checked your theme and I no do not see the red bar mentioned below your main navigation menu. If this still isn’t resolved on your end try clearing all cache associated with your website, that includes browser cache and any server side caching you may have enabled.
I hope this helps!
Lauren says:
I do not see the option for Appearance in my Dashboard. Is there another way to change the font color on the menu?
Jesse says:
Hi Lauren-
If you have the BoldGrid Inspirations plugin installed, look for the Customize menu instead of Appearance.