Why is the add to cart button on my website invisible?

zzaraako · ‎02-02-2024

The add to cart button on my product website is "invisible" but still working. I can hover my mouse over it and click it but I can't actually see it. I don't think it's a theme colour setting because I tried to change all the themes but It did not affect it at all. I believe it's a problem in the code but I have not edited anything in the backend of my store except for adding meta data pixel codes at the beginning of theme.liquid, however I doubt that has to do with my add to cart button being invisible. Does anyone have any suggestions? Here's my website:

https://fivezeesinc.myshopify.com/products/smart-alarm-clock-with-bluetooth-speaker-and-wireless-cha...

ThePrimeWeb · ‎02-03-2024

Hey @zzaraako,

Can't tell what caused it, but you can do this to fix it

Go to your theme's "Edit Code" Option, then in the search bar type "theme.liquid"
Below the tag "<head>" tag paste the following. Screenshot attached for reference.

<style>
.product-form__buttons button.product-form__submit.button.button--full-width.button--secondary {
    background-color: black !important;
}
</style>

Screenshot is for reference only, the correct code to paste is the one shown above.

Was I helpful?

☕Buy me a coffee☕

❤ 🙂

Need help with your store? contact@theprimeweb.com or check out the website
Check out our interview with Shopify!

View solution in original post

ThePrimeWeb · ‎02-03-2024