Shopify themes, liquid, logos, and UX
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.
Solved! Go to the solution
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;
}
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!
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.
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;
}
You are the best! It worked! Thank you
Learn how to expand your operations internationally with Shopify Academy’s learning path...
By Shopify Feb 4, 2025Hey Community, happy February! Looking back to January, we kicked off the year with 8....
By JasonH Feb 3, 2025Expand into selling wholesale with Shopify Academy’s learning path, B2B on Shopify: Lau...
By Shopify Jan 28, 2025