Solved

Button color problem

Kerem38
New Member
5 0 0

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.

Kerem38_0-1715187278823.pngScreenshot 2024-05-08 185723.jpg

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.

Accepted Solution (1)
GabrielS
Shopify Partner
481 106 114

This is an 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;
}

 

Gabriel Soare | Web Developer
Are you looking to customize your Shopify or to fix a website bug?
You can reach me through my website gabrielsoare.com, DM, or email hello@gabrielsoare.com.
Have I helped you? Like my post.

View solution in original post

Replies 4 (4)

GabrielS
Shopify Partner
481 106 114

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!

 

Gabriel Soare | Web Developer
Are you looking to customize your Shopify or to fix a website bug?
You can reach me through my website gabrielsoare.com, DM, or email hello@gabrielsoare.com.
Have I helped you? Like my post.
Kerem38
New Member
5 0 0

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
Shopify Partner
481 106 114

This is an 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;
}

 

Gabriel Soare | Web Developer
Are you looking to customize your Shopify or to fix a website bug?
You can reach me through my website gabrielsoare.com, DM, or email hello@gabrielsoare.com.
Have I helped you? Like my post.
Kerem38
New Member
5 0 0

You are the best! It worked! Thank you