Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #24156

    I have set the color for each of the page sections. The color shows in the menu only after the user clicks. I’d like to have it show on hover.

    How do I adjust the CSS so that the hover color matches the color for each respective page section?

    #122575

    Hi,

    You can add this on your custom.css

    .section-home.current-menu-item > a:hover {
    color: red !important;
    }

    If you are using chrome, right click on the menu, click inspect element. Find the menu item class just like the example above.

    Regards,

    Ismael

    #122576

    That didn’t seem to work.

    Here’s the page: http://michaelbaptist.com

    #122577

    Hi,

    You can change the hover state using this

    #top .main_menu a:hover {
    color: white;
    background-image: url(../images/skin-minimal/arrow-right-white.png);
    background-position: right center;
    background-repeat: no-repeat;
    }

    .main_menu a:hover {
    background-color: re;
    }

    Regards,

    Ismael

Viewing 4 posts - 1 through 4 (of 4 total)

The topic ‘Different Hover Color for Each Menu Item’ is closed to new replies.