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:
Solution provided:
Two approaches were suggested:
.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.
Hi there,
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.
Thanks in advance.
Hi @TFE1
If my reply is helpful, kindly click like and mark it as an accepted solution.
Thanks!
Hi @TFE1
the button background colour is back… change this to yellow
Hope this help, let me know if you need more help
regards,
How do i make the button solid yellow the same as the other ones?
Your code works but it changes the colour of all of the text on the site.
Sorry but how do i do this?
@TFE1 Sorry for this, try this code,
.button {
background: #fdd017 !important;
}
Thank you for this youre amazing!!!