Changing the Menu Link Styles | BoldGrid

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 AppearanceCustomize
  • 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 AppearanceCustomize
  • 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.

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 AppearanceCustomize
  • 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.

 

Get more for free by signing up with BoldGrid Central Create Account