On hover add to cart woocommerce

[tylerwhyte]

Do you know how to remove the add to cart on hover in woocommerce?

[ruenel]

Hello Tyler,

Thanks for writing in! I have checked your license to look in which site you want to remove the add to cart on hover. I will just give you each of the necessary custom css for the stack that you are using.

If you are using Renew stack, please add the following CSS code in the X > Theme Options > Global CSS (http://prntscr.com/evui3r)

.woocommerce li.product .entry-header .button {
    position: relative;
    top: auto;
    left: 0;
    right: auto;
    margin: 15px auto;
    display: block;
    opacity: 1;
    max-width: 100%;
}

For Ethos stack, you may need this custom css:

.woocommerce li.product .entry-wrap {
    position: relative;
    top: auto;
    left: 0;
    right: auto;
    margin: 15px auto;
    display: block;
    opacity: 1;
    max-width: 100%;
}

.woocommerce li.product .star-rating-container {
    opacity: 1;
}

For Icon and Integrity stack, you can use this:

.woocommerce li.product .entry-header .button {
    position: relative;
    top: auto;
    left: 0;
    right: auto;
    margin: 15px auto;
    display: block;
    opacity: 1;
    max-width: 100%;
}

.woocommerce li.product .star-rating-container,
.woocommerce li.product .entry-header .button {
    opacity: 1;
}

We would love to know if this has worked for you. Thank you.

[tylerwhyte]

The Ethos stack worked. However it also removed the description.

On second look i’m using PRO theme with Icon stack.

This is what worked:
.woocommerce li.product .entry-wrap .button {

top: auto;
left: 0;
right: auto;
margin: 15px auto;
display: block;
opacity: 0;
max-width: 100%;

}

Thanks for your support.

[jade]

Glad to hear you got it sorted, Tyler.

Cheers!