Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • March 22, 2019 at 8:10 pm #1081990
    danieloliverio

    I am trying to change the color of the hover effect on icons in icon boxes to hover red with the icon color changing to white on hover. The other solutions I attempted in these forums did not work.

    The page is https://hmddev.eight18.net/quote

    I have already set up a custom CSS class on these as .icon-red-hover

    Would you be able to provide some guidance?

    March 25, 2019 at 2:02 pm #1082662
    Victoria

    Hey danieloliverio,

    https://imgur.com/a/H6ERFKO well the hover effect that you’re describing seems to be there already. Is this what you’re trying to achieve?

    Best regards,
    Victoria

    March 25, 2019 at 7:24 pm #1082810
    danieloliverio

    Hi Victoria! I was able to get the answer about a day ago. Thanks so much for responding!

    This was the solution with the custom class .icon-red-hover I created:

    .icon-red-hover a.iconbox_icon:hover {
    background-color: red !important;
    }
    .icon-red-hover a.iconbox_icon:hover:before {
    color: #fff !important;
    }

    March 26, 2019 at 12:37 am #1082912
    Nikko

    Hi danieloliverio,

    Glad to hear that :)
    Thanks for using Enfold and have a great day!

    Best regards,
    Nikko

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Icon Hover Color not changing’ is closed to new replies.