A user encountered a visibility issue with an “add to cart” button on their Shopify store (thefinestexotics.co.uk). The button appeared as a black outline on a dark background in the product modal view, making it difficult to see.
Problem specifics:
Affected variant products (e.g., “yellow pitahaya”) when viewed through the “options” modal
Button needed to match other site buttons: solid yellow instead of outlined black
Solution provided:
Two approaches were suggested:
Changing the button background color directly in the theme settings
Adding custom CSS code to the theme.liquid file:
.button {
background: #fdd017 !important;
}
Resolution:
The CSS solution successfully changed the button to solid yellow without affecting other site text. The issue was resolved and the user confirmed the fix worked.
Summarized with AI on October 31.
AI used: claude-sonnet-4-5-20250929.
If you go to the website thefinestexotics.co.uk and you have a look on the homepage at one of the variant products for example “yellow pitahaya” product click on “options” it gives you a modal view of the product if you scroll you will see that the “add to basket” is in black colour on a dark background. I want it to be a yellow solid button like the rest of them rather than an outline button especially on this dark background.