Change Menu Hover Color

  • Resolved thelugnutspodcastgroup21

    (@thelugnutspodcastgroup21)


    1 year, 2 months ago

    Hello, this is Kenny from The Lugnuts Podcast Group.

    On our website, we have run into an issue where we can not change our main menu hover color. We have tried to do different things to bypass that, but nothing as worked. What do we need to do in order to fix this issue?

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)
  • Shipon Karmakar

    (@shiponkarmakar)

    1 year, 2 months ago

    You can use the Custom CSS code.

    .wp-block-navigation__container li a:hover {
    color: red !important;
}
    Pavel Ciorici

    (@ciorici)

    1 year, 2 months ago

    Hello Kenny,

    Changing the menu hover color in block themes is possible only by adding custom CSS code at the moment.

    You’ll need to access the Customizer at this address:
    https://www.thelugnutspodcastgroup.com/wp-admin/customize.php

    Then add this code in the Additional CSS:

    @media (min-width: 600px) {
    .wp-block-navigation .wp-block-navigation-item a:hover, 
    .wp-block-navigation .wp-block-navigation__container > .wp-block-navigation-item > .current-menu-item, 
    .wp-block-navigation .wp-block-navigation__container > .wp-block-navigation-item.current-menu-item > a {
        color: #fff;
    }
}

    Change the color “#fff” to any color you want.

    P.S. Please make sure to open in the future new support topics in the Inspiro Blocks section because you’re using that theme and not the simple “Inspiro” theme:
    https://wordpress.org/support/theme/inspiro-blocks/

    Thread Starter thelugnutspodcastgroup21

    (@thelugnutspodcastgroup21)

    1 year, 2 months ago

    Thank you for the help. It is very much appreciated. Also, I will make sure to post in the right forum next time.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Change Menu Hover Color’ is closed to new replies.