Return to previous page

Wishlist icon color problem on hover (product pages)

This topic has 4 replies, 2 voices, and was last updated 1 weeks ago ago by Rose Tyler

Tugba

Participant

November 14, 2024 at 15:36

I want to edit the hover settings of the add to wishlist icon on the products archieve and single product pages. It looks square now, I just want the icon to change colour. Where can I do it?

#423433 Copied Theme version: 9.4.4

3 Answers

Rose Tyler

Support staff

November 14, 2024 at 16:50

Hello, Tugba,

Thank you for reaching out to us.

To assist you more effectively, could you kindly provide some screenshots to help us better understand your request?

Best Regards,
8Theme’s Team

#423454 Copied

Tugba

Participant

November 15, 2024 at 12:30

Hello,

I can’t post a screenshot because they work in hover state, but I added it as a photo.

Files is visible for topic creator and
support staff only.

#423600 Copied
Rose Tyler

Support staff

November 15, 2024 at 14:03
Hello, Tugba,

Please delete this code – https://prnt.sc/lUfZGfkeERH2 and use the next code in Theme options > Theme custom CSS > Global:
```
.et-heart:before {
    color: #7A7C6A;
    background-color: white;
    padding: 10px;
    border-radius: 100px;
}
.xstore-wishlist-icon:hover .et-heart:before {
    color: red !important;
}
```
Best Regards,
8Theme’s Team
#423637 Copied
Viewing 4 results - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.Log in/Sign up

Unleash your online potential

Explore our best WordPress WooCommerce Themes collection

lazy-placeholder

Spice Store – WordPress WooCommerce Theme

lazy-placeholder

Coffee Store – WordPress WooCommerce Theme

lazy-placeholder

Water Delivery – WordPress WooCommerce Theme

lazy-placeholder

Ecoenergy – WordPress WooCommerce Theme

lazy-placeholder

Kids Store – WordPress WooCommerce Theme

lazy-placeholder

Finances – WordPress WooCommerce Theme

lazy-placeholder

Designers – WordPress WooCommerce Theme

lazy-placeholder

Bike Store – WordPress WooCommerce Theme

lazy-placeholder

Skate – WooCommerce Theme

lazy-placeholder

Games Store – WordPress WooCommerce Theme

See All Templates

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