Adjust Styling on Add to cart button

[stopanddance]

Hi There,
I’d like to adjust the styling of my the add to cart button. There’s a grey background behind the outline of the button on the shop listed below that I don’t want. I also would like to know if it’s possible to customize the appearance of this button to be white, with black text and a black border, but I’d only like it to have this appearance on the archive page, not on the individual product page. Is this attainable?

Shop Art | Wunderkid

[ruenel]

Hello @stopanddance,

Thanks for writing in!

The background color of your Add to Cart button is coming from your custom CSS added in Pro > Theme Options > CSS.

.archive header.entry-header {
    background-color: aliceblue;
    opacity: 1.0;
}

Feel free to make adjustments as you need. Here are some related links for further reading, this could help you in finding and implementing some CSS fixes:

Intro to CSS - https://goo.gl/mFuWQT
How to get CSS selectors - https://goo.gl/BmoH39
Get Started With Viewing And Changing CSS - https://goo.gl/7xFhDa
CSS Media Queries - https://goo.gl/L3ZHNg

In the meantime, you can adjust the button colors in Pro > Theme Options > Buttons.

• https://theme.co/docs/buttons

Hope this helps.