Site logo

Archived topic

Add to cart button visible in Niche theme

1 reply · Started by caleidoscopic on December 14, 2019

Viewing posts 1–2 of 2

Hi!
Is it possible to always leave the add to cart button visible in the Niche theme?

Thanks

Hi there,

in Customizer > Additional CSS remove this CSS:

/* Remove add to cart styling */
.woocommerce ul.products li.product a.button {
    padding: 5px 0;
    color: inherit;
    background-color: #ffffff;
    text-transform: uppercase;
}

/* Transform add to cart and pricing on hover */
@media (min-width: 768px) {

    .woocommerce ul.products li.product a.button {
        transform: translateY(0);
        width: 100%;
        opacity: 0;
        transition: all 0.4s;
    }

    .woocommerce ul.products li.product:hover a.button,
    .woocommerce ul.products li.product:hover .price {
        transform: translateY(calc(-100% - 10px));
        opacity: 1;
    }

    .woocommerce ul.products li.product .price {
        opacity: 1;
        transition: all 0.4s;
    }

    .woocommerce ul.products li.product:hover .price {
        opacity: 0;
        transform: translateY(calc(-100% - 10px));
    }
}
This archived topic is closed to new replies.