Divi WordPress Theme
  1. This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn More.

WordPress fix Reply To: Make the navigation different colours

Discussion in 'Misc WordPress Requests' started by bcworkz, Jan 22, 2018.

  1. bcworkz


    Reply To: Make the navigation different colours, by bcworkz

    Add the following to the Additional CSS panel of the Customizer:

    .main-navigation li:hover,
    .main-navigation li ul li:hover {
    background-color: royalblue;
    .main-navigation li:hover ul li {
    background-color: navy;

    Learn how to use your browser’s CSS inspector tool. When you hover over various HTML tags in the tool’s listing, the related area is highlighted on the page along with applicable padding and margins. You can easily find the right tag that covers the area you need, in this case the li tags. You can then add new CSS rules and experiment with selectors and properties until you hit upon the right combination. Then copy the result to the Customizer.

    The changes in the tool do not persist. You can revert all changes you make in the tool by reloading the page.

    Reply To: Make the navigation different colours

Share This Page

Monarch Social Sharing Plugin