Reply 238857 to: footer-product

Avatar: Olga Barlow
Olga Barlow
Support staff
May 26, 2020 at 20:02

Hello,

1) Go to Theme Options > WooCommerce > Shop > Product Styles > change the hover color scheme to white http://prntscr.com/soac0f
2) Go to Theme Options > Custom CSS > find and remove the following code

.footer-product .show-quickly, .footer-product .et-wishlist-holder {
    background: #de777d;
}

3) Add the below code

footer.footer-product {border: 1px solid #de777d;}
.footer-product .compare:before, .footer-product .show-quickly:before, .footer-product .button:before, .footer-product .by-vendor-name-link:before, .footer-product .pre_order_loop:before, .footer-product .wcmp_add_to_cart_message:before, .content-product .yith-wcwl-add-to-wishlist .show a:before, .content-product .wishlist-fragment a:before {
    color: #de777d;
}
.content-product .footer-product .show-quickly:after, .content-product .footer-product .et-wishlist-holder:after {
    border-color: #de777d !important;
}
.view-color-white .footer-product .button.add_to_cart_button {
    background-color: #de777d;
}
.view-color-white .footer-product .button.add_to_cart_button:hover {
    background-color: #e4999e;
}
.view-color-white .footer-product .button.add_to_cart_button:before {
    color: white;
}

Regards

Go To The Whole Conversation In Topic
We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.