Footer-product - by Mojatrgovina - on WordPress WooCommerce support

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

  • Avatar: Mojatrgovina
    May 26, 2020 at 13:10

    Change the color of buttons

    Please, contact administrator
    for this information.
    1 Answer
    Avatar: Olga Barlow
    Olga Barlow
    Support staff
    May 26, 2020 at 20:02


    1) Go to Theme Options > WooCommerce > Shop > Product Styles > change the hover color scheme to white
    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;


  • Viewing 2 results - 1 through 2 (of 2 total)

You must be logged in to reply to this topic.Log in/Sign up

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.