• Hi all,

    I am using Illustratr theme and need to change the secondary (hover) color on the menu. I would like the menu item which is chosen to be in that color also.
    My website is https://kitchenheist.co.uk
    Also I need to increase the gap between tagline (for better cooking) and the menu.
    Thanks

Viewing 7 replies - 1 through 7 (of 7 total)
  • I think you can try:

    .main-navigation ul li a:hover, .main-navigation ul li a:focus, .main-navigation ul li a:active {color: type color you want;}
    
    .main-navigation ul .current_page_item > a, .main-navigation ul .current-menu-item > a  {color: type color you want;}
    
    .site-description {padding-bottom: 20px;}
    Thread Starter lauras0225

    (@lauras0225)

    Sorry, but I am new to WordPress and website creation in general. What exactly would I need to do? Is this the easiest way?
    Thanks

    Please add the css code in the path: Appearance -> Theme Editor -> Style.css, please put it in the end of the file.

    This is the easy way adjust it.

    Thread Starter lauras0225

    (@lauras0225)

    Thank you. I will try it out.

    Thread Starter lauras0225

    (@lauras0225)

    I have tried it today and it did not work. Do you have any other suggestions?

    Jessica G. a11n

    (@jesscga)

    Automattic Happiness Engineer

    For editing CSS (which is what you’re doing), a better practice would be to install a plugin like Jetpack that has a built-in CSS editor, rather than directly adding new CSS to the theme files. Otherwise, if you ever update your theme, you’ll lose your changes.

    As it is, when I look at your code, I don’t see the changes you made.

    Thread Starter lauras0225

    (@lauras0225)

    I did add it to the very end of the code. Since it did not change anything I have removed it again. I will try the plugin. Thanks

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Need to change menu secondary (hover) color’ is closed to new replies.