Wishlist and compare icons are half black with shadows on the catalogue page

Hi,

On the home page, I have a Best Sellers section. The catalogue has 4 icons when hovering. Instead of showing all white, the wishlist and compare icons show half black with shadows on my page. Could you help?

Attachments:

You must be logged in to view attached files.

Hello,

Remove the CSS from this https://prnt.sc/NnvZxjKrgd8V plugin, clear the cache and recheck the issue.

Kind Regards

How to remove the css? Do I need to click on the CSS Editor link?

Attachments:

You must be logged in to view attached files.

Yep, click on CSS Editor and you will see custom CSS code. Hide that code, clear the cache and check how it works.

Kind Regards

Ok. I see an entire page of codes. Do you mean I need to remove everything in that window?

Attachments:

You must be logged in to view attached files.

Hide this code – https://prnt.sc/raAKxbNH0sTs and everything that is related to the wishlist, compare buttons.

Kind Regards

Hi,

I believe my developer wrote those codes to give me the effect of backgrounds and styles of the compare and wishlist icons on the single product page. see attached. But it turned out that his codes interfere with the product grid icons. If I want to keep those codes, could you suggest how to apply them to only the product page displays?

He has for the moment temporarily fix the grid icon display and they are back to normal now. Just need to know how to apply these codes just to the product page and not the grid.

Attachments:

You must be logged in to view attached files.

Add the .single-product class before that https://prnt.sc/szWnyQY3vCS2 code, ite should be via the space , e.g. .single-product .wd-btn...

Kind Regards

My other developer has only added these codes to normalize the grid display, but after this, the product page icon display has gone too https://prnt.sc/lUJKQ9SKbHin

The icons would need to appear something like the attached on the single product page. The wishlist icon should have blue background matching the button in front of it.

Attachments:

You must be logged in to view attached files.

Regarding to what you said about “Add the .single-product class before that https://prnt.sc/szWnyQY3vCS2 code, ite should be via the space , e.g. .single-product .wd-btn…”, should I keep the codes here https://prnt.sc/lUJKQ9SKbHin ?

[Author]

Posts