Chaging colour of Woocommerce buttons

  • Resolved poemaxx

    (@poemaxx)


    9 years ago

    I’ve searched so I know this subject has come up before – but I still can’t get it to work.

    I’m using Store WP with a child theme on this site: https://muffinink.com/index.php/product-category/cards/

    I’ve managed to change the buttons in the theme itself, but the code I’m adding to change the colour of the Woocommerce buttons doesn’t seem to work.

    Here’s the code I’ve added:

    .woocommerce #review_form #submit, .woocommerce a.button, .woocommerce a.button.add_to_cart_button, .woocommerce button.button, .woocommerce input.button {
    background: #ba272d!important;
}

    I’ve posted this on the Store WP forum but had no response so thought I’d try here. ??

    https://www.ads-software.com/plugins/woocommerce/

Viewing 2 replies - 1 through 2 (of 2 total)

  • Its good code, but you put it in …child/style.css, and woocommerce.min.css loads later in the page so its styles take precedence where there is conflict.

    A possible fix is to use this plugin:
    https://www.ads-software.com/plugins/simple-custom-css/
    Usually it loads its styles last in the page so they take precedence over any loaded earlier.

    Button colour functionality used to be part of WooCommerce, but at some point the team separated the code into a plugin:
    https://www.ads-software.com/plugins/woocommerce-colors/

    Thread Starter poemaxx

    (@poemaxx)

    That’s done it – thanks very much lorro!

    I didn’t know about woocommerce.min.css loading later – that’s very useful to know.

    I did try the colors plugin but that didn’t seem to work either, so the simple custom css plugin was best.

    Thanks again!

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Chaging colour of Woocommerce buttons’ is closed to new replies.