Button color problem

[Kerem38]

The issue I'm encountering is that some buttons on my website remain black despite changing the color themes. This inconsistency is also observed on the product page. However, I noticed that the sides of the buttons do change color according to the theme, indicating that there might be an overlay affecting the buttons' appearance. Please refer to the screenshot for clarification.

Could someone assist me with this issue? I've already reached out to live chat, but they suggested that it might be resolved with CSS coding.

[GabrielS]

Hello,

Can you share your website link? A possible fix could be the below CSS:

form button {
background:black !important;
}

You can test by adding it at the end of your base.css or main.css file. For a more exact answer, I'd need to see the website.

Cheers!

[Kerem38]

Hi Gabriel!

I've given it a try, but unfortunately, it hasn't resolved the issue. The link is: https://mercuza.nl/.

It's a Dutch website, but on the homepage, you'll notice the first button is blue (which is the color I want). However, if you scroll down or navigate to a product (like "Sereno," for example), you'll see that the button is black even though the theme color remains consistent. It's quite perplexing.

[GabrielS · Accepted solution]

You are currently having a style within your custom.css file that overwrites the button color.

To change the submit color, you can use the below CSS:

.product-form__submit {
  background-color: #00306c !important;
}

[Kerem38]

You are the best! It worked! Thank you