Home>Support>Change Add to Cart Buttons to look clean and simple

Change Add to Cart Buttons to look clean and simple

By xkodx, 8 years ago. Last reply by Andrew Misplon, 8 years ago.

I want to change the button colour on my site to make it look clean and simple. Similar to your “Explore our Themes” button on your front page. But either blue or green.
Would someone be able to help me with this? I have tried using the Custom CSS plugin but have had no luck. I am using woocommerce.
my site is www.superganics.com and I am using the premium vantage theme.

URL: https://www.superganics.com

This is our free support forum. Replies can take several days. If you need fast email support, please purchase a SiteOrigin Premium license.

  1. 8 years, 11 months ago Andrew Misplon
    Hi, I Work Here

    Hi Xkodx

    Apologies for the delay. Your buttons are looking nice and flat now. Did you make progress on this task?

  2. 8 years, 11 months ago xkodx

    I did. Can't figure out how to change the text colour though. Would you be able to help with that?

  3. 8 years, 11 months ago Andrew Misplon
    Hi, I Work Here

    Sure, try the following at Appearance > Custom CSS:

    /* WooCommerce */

.woocommerce ul.products li.product .button {
    color: #000000;
}

.woocommerce ul.products li.product .button:hover {
    color: #ffffff;
}

    Adjust as required.

Replies on this thread are closed. Please create a new thread if you have a question, or purchase a SiteOrigin Premium license if you need one-on-one email support.

Get The Most Out of SiteOrigin with SiteOrigin Premium

Find Out More