Target WooCommerce Button CSS to customise globally

[paullalley]

I’d like to know what class I need to target to customise WooCommerce buttons globally?

[nabeel]

Hey there,

Thank you for reaching out to us. Try targeting the woocommerce buttons with .woocommerce .button selector. For example:

.woocommerce .button {
  background: blue;
  border: darkblue;
  box-shadow: none;
}

However you can find out the button classes using chrome’s developers tool and use it accordingly (see screenshot)

I am sharing the resource that you can refer to get started with dev tools.

https://developers.google.com/web/tools/chrome-devtools/css/

https://developers.google.com/web/tools/chrome-devtools/

https://www.youtube.com/watch?v=tP_kXBJWPhQ&t=200s

Hope this helps!