Return to previous page

Footer-product - by Mojatrgovina - on WordPress WooCommerce support

This topic has 2 replies, 2 voices, and was last updated 4 years, 6 months ago ago by Olga Barlow

Mojatrgovina

Participant

May 26, 2020 at 13:10

Change the color of buttons

#238801 Copied Theme version: XStore 6.3.4 / Core 2.3.4

1 Answer

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

#238857 Copied