Issue: Some buttons stayed black despite theme color changes; edges reflected theme color, suggesting a style override. Affected areas included lower homepage sections and product pages (e.g., “Sereno”). Screenshots were referenced.
Investigation: A helper requested the site URL (mercuza.nl) and suggested testing a generic CSS rule, but it didn’t fix the inconsistency.
Root cause: A rule in custom.css was overriding the button color on product forms.
Fix provided: Add a targeted CSS override to match the desired blue theme:
Outcome: Applying the above CSS resolved the button color issue.
Status: Resolved; no further action requested.
Notes: CSS (Cascading Style Sheets) controls visual styles. The !important flag forces the specified style to take priority over conflicting rules, which was necessary due to an existing override in custom.css.
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!