Why is my buy button invisible and how can I change its color?

[Gijsvl]

Hi all,

The buy button on my product pages are invisible.

The text is white, and the background is also white.

How do I change the colors of the buy button?

https://beestn.nl/products/tallow

Password: 123

Thanks in advance,

Gijs.

[Dan-From-Ryviu]

Hi @Gijsvl

Check which Scheme color you are using for those buttons, and change the color of the button and text to solve the problem.

[Gijsvl]

Yes I tried that already. I have a custom background image on the site, which I needed to change the code for. Because of this change, the scheme’s dont really work anymore. Any other solution?

[Dan-From-Ryviu]

Go to your styles-base.css file, find and remove this line of code

main#MainContent * > :not(a.button) {
    background: transparent;
}

[websensepro]

Hello @Gijsvl ,

Step 1: Online Stores > Themes > More Actions > Edit code

Step 2: click on base.css and paste the code bottom of the file

button.featured-product__add-to-cart-button.element--full-width {
    background: black !important;
}

Thanks!

[Gijsvl]

Working!!! Thanks a lot man

[websensepro]

Welcome, please like and marked the solution @Gijsvl