Return to previous page

Wishlist button is not visible on products in shop page

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

Saira

Participant

June 10, 2022 at 06:58

Wishlist button is not visible on products in shop page. Only half of the wishlist icon is visible on the product with dark background. Please provide a solution.
https://snipboard.io/s3nog0.jpg

#325554 Copied Theme version: 0.0.1

1 Answer
Olga Barlow

Support staff

June 10, 2022 at 09:23
Hello,

You have product images with the dark bg. Color of the wishlist icon is also dark. That’s why you don’t see dark icon on the dark bg.

In your case you may choose one of 2 workarounds:
1) Add a white text-shadow for the icon https://prnt.sc/MQUdHGg14Yy3
```
.product-view-default  .content-product .product-image-wrapper .yith-wcwl-add-to-wishlist.wishlist-fragment .yith-wcwl-add-button a:before {
    text-shadow: 2px 0px 0px rgb(255 255 255);
}
```
2) Add the white bg color for the wishlist icon https://prnt.sc/cZaOGYuFikVI
```
.product-view-default .content-product:hover .wishlist-fragment .yith-wcwl-add-button {
    background-color: #fff;
}
.product-view-default .content-product .wishlist-fragment .yith-wcwl-add-button {
    padding: 10px;
}
```
Choose one that suits your needs and add the custom to Theme Options > Custom CSS.

Regards
#325576 Copied
Tagged: best selling, persuasive, shop page, visible, wishlist button, woocommerce themes
Viewing 2 results - 1 through 2 (of 2 total)