Remove the icon on add to cart button

Hello,
Is there a way on custom css or custom js to remove the add to cart button on the shop page ? On my shop page, when I hover Add to cart, a little cart icon pops up and I don’t like the look of it. Can I remove it so that my button stays as it is when not hovering ?
Thank you in advance,
L

up I look for same change

Hello,

Send me access to your website so I can check which product style you use and prepare a custom code.

Thank you in advance.

Kind Regards

I sent the info the other day but I think my message hasn’t been sent, I’m sending it again :).

Hello,

Looks like the access is wrong – https://prnt.sc/l_fvmB6wL6aq , could you please update it?

Thank you in advance.

Kind Regards

Here’s the new info, I hope it will work.

Hello,

Use the code below for help. Define it in Theme Settings -> Custom CSS.

.wd-product .wd-add-btn-replace .add-to-cart-loop:hover:before {
    transform: translateY(100%);
}

.wd-product .wd-add-btn-replace .add-to-cart-loop:hover span {
    transform: unset;
    color: red;
}

.wd-product .wd-add-btn-replace .add-to-cart-loop:after {
    color: #333;
}

Kind Regards

Thanks ! It works perfectly !

Hello,

You are welcome! If you do not mind, can you please leave a 5 stars rating for our theme by going here: http://themeforest.net/downloads It will allow us to release more updates and provide dedicated support in the future. It would encourage our work a lot.

Have a good day!

Kind Regards

[Author]

Posts