Solved

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

zzaraako
Visitor
2 0 0

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...

Accepted Solution (1)

ThePrimeWeb
Shopify Partner
2135 611 476

This is an accepted solution.

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.

ThePrimeWeb_0-1706959126036.jpeg

 

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

Replies 2 (2)

ThePrimeWeb
Shopify Partner
2135 611 476

This is an accepted solution.

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.

ThePrimeWeb_0-1706959126036.jpeg

 

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!
zzaraako
Visitor
2 0 0

It worked! TYSM!