Return to previous page

Icon Box styling change the heading color on hover

This topic has 5 replies, 2 voices, and was last updated 1 years, 10 months ago ago by Bob the builder

Bob the builder

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 .

Please, contact administrator
for this information.

#347562 Copied Theme version: 9.0.3 WooCommerce version: 7.3.0

4 Answers

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

#347592 Copied

Bob the builder

Participant

February 21, 2023 at 09:01

Hi, i’ve provided the url thanks

Please contact administrator
for this information.

#347602 Copied
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
#347652 Copied
Bob the builder

Participant

February 21, 2023 at 15:22

Thank you it works perfectly

#347667 Copied
Tagged: heading color, hover, icon box, styling, themes, woocommerce, wordpress
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

Icon Box styling change the heading color on hover

Recent Topics

Helpful Topics

Useful links WooCommerce & WordPress

Browse by popular tags:

Explore our best WordPress WooCommerce Themes collection