Woocommerce buttons don’t match

Questions › Category: Themes › Woocommerce buttons don’t match
0 Vote Up Vote Down
Natasha Venzke asked 4 years ago

Hi.
I’m using the Hello Sweets theme and the buttons in the Woocommerce pages don’t match the theme buttons. One of the colours match my theme, but there’s another colour that isn’t used anywhere on my site.
I have the  Genesis Connect for WooCommerce plugin installed and activated.
I’ve used this theme before with WooComerce and didn’t have a problem.
My site is stitchen.studio
 

1 Answers
0 Vote Up Vote Down
Support Team Staff answered 4 years ago

What is the URL to where the button is showing?

Natasha Venzke replied 4 years ago

This is a product with the button as it should look: https://stitchen.studio/product/black-and-white-gingham-mask-with-blue-ties-large/

If you put it in the basket, you'll see the "view basket" and "proceed to checkout" buttons are the wrong colours.

I see that the "place order" button is also correct.

Jennifer Staff replied 4 years ago

It is from the minify CSS that you are using. Basically that is removing the CSS for those specific buttons. You can try adding this to your additional CSS or remove that plugin. I would go wiht the Additional CSS option, since that plugin does speed the site up some.

.woocommerce a.button {
color: #fff!important;
border: 1px solid #9ed0c9 !important;
}

.woocommerce a.button:hover {
color: #9ed0c9 !important;
background-color: #fff!important;
border: 1px solid #9ed0c9 !important;
}

Natasha Venzke replied 4 years ago

Thank you! It’s perfect now. ❤️