Home>Support>How can I change the Button layout

How can I change the Button layout

By Ratatiboing Pangäa, 10 years ago. Last reply by Andrew Misplon, 10 years ago.
Notice: This thread is over two years old; the information may be outdated. Please consider creating a new thread if you require free support. If you have an active SiteOrigin Premium license, you can email our premium support desk at [email protected].

Hello,

I would like to change the color of the woocommerce buttons in the Vanatage Premium theme, but I can’t find a way on how to do it. Any help is very much appreciated.

Thank you

Erik

URL: http://www.mybeachcruiser.org

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

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

    Hi

    Try the following under Appearance > Custom CSS:

    
/* WooCommerce */

.woocommerce #page-wrapper .button {
  border-top: initial;
  border-left: initial;
  border-right: initial;
  border-bottom: initial;
  background: initial;
  background: initial;
  background: initial;
  background: initial;
  background: initial;
  filter: initial;
  -webkit-border-radius: initial;
  -moz-border-radius: initial;
  border-radius: initial;
  color: initial;
  -webkit-box-shadow: initial;
  -moz-box-shadow: initial;
  box-shadow: initial;
  width: initial;
  text-decoration: initial;
  /* Improves usability and consistency of cursor style between image-type 'input' and others */
  cursor: initial;
  /* Corrects inability to style clickable 'input' types in iOS */
  -webkit-appearance: button;
  line-height: initial;
  text-shadow: initial;
}

    That will turn all button styling over to WooCommerce.

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