Icon Box styling change the heading color on hover

This topic has 5 replies, 2 voices, and was last updated 1 years, 2 months ago ago by WEBPIXELS

  • Avatar: WEBPIXELS
    WEBPIXELS
    Participant
    February 20, 2023 at 19:26

    Hi how would i get the icon box to be styled like this. so when i hover over it the heading text changes color .

    icon box
    icon box 2

    Please, contact administrator
    for this information.
    4 Answers
    Avatar: Tony Rodriguez
    Tony Rodriguez
    Support staff
    February 21, 2023 at 07:21

    Hello @WEBPIXELS,

    Unfortunately, there is currently no option available to change the heading color on hover in the icon box. We suggest you try using Custom CSS. If you could provide us with the URL of the page where you have used the icon box element, we would be happy to check it and prepare the necessary Custom CSS for you.

    Best Regards,
    8Theme’s Team

    Avatar: WEBPIXELS
    WEBPIXELS
    Participant
    February 21, 2023 at 09:01

    Hi, i’ve provided the url thanks

    Please contact administrator
    for this information.
    Avatar: Tony Rodriguez
    Tony Rodriguez
    Support staff
    February 21, 2023 at 13:59

    Hello @WEBPIXELS,

    We kindly request that you copy and paste the following CSS code into XStore >> Theme Options >> Theme Custom CSS >> Global CSS. After doing so, please clear your browser cache and check back to your site. The result should look like the image provided (https://postimg.cc/GHkPwx3g).

    CSS Code:

    .elementor-widget-etheme_icon_box:hover .etheme-icon-box-icon span {
        color: Gold !important;
    }

    Thank you for your cooperation.

    Best Regards,
    8Theme’s Team

    Avatar: WEBPIXELS
    WEBPIXELS
    Participant
    February 21, 2023 at 15:22

    Thank you it works perfectly

  • Viewing 5 results - 1 through 5 (of 5 total)

The issue related to '‘icon Box styling change the heading color on hover’' has been successfully resolved, and the topic is now closed for further responses

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.