My product page add to cart button is changed to white after clicked , please help me fix - https://ne8jwywtoj7r2747-71576191201.shopifypreview.com
Topic summary
A Shopify store owner reports that their product page “Add to Cart” button turns white after being clicked, making it difficult to see. Three community members provided solutions:
Proposed fixes:
- Solution 1: Add custom CSS code in
theme.liquidfile above the</body>tag - Solutions 2 & 3 (most common): Navigate to
Assets > product.cssand add the following CSS at the bottom:
button.loading.atc {
color: #000 !important;
}
This CSS targets the loading state of the add-to-cart button and forces the text color to black (#000), ensuring visibility when clicked.
Implementation steps:
- Go to Online Store > Themes > Actions > Edit Code
- Locate the
product.cssfile in Assets - Paste the CSS code at the end
- Save changes
The issue appears to be a styling conflict during the button’s loading state. Multiple responders suggested the same CSS solution, indicating it’s a reliable fix.
2 Likes
Hey @Shahil1
Follow these Steps:
-
Go to Online Store
-
Edit Code
-
Find theme.liquid file
-
Add the following code in the bottom of the file above tag
RESULT:
If I managed to help you then, don’t forget to Like it and Mark it as Solution!
Best Regards,
Moeed
Hello @Shahil1
- In your Shopify Admin go to online store > themes > actions > edit code
- Find Asset > product.css and paste this at the bottom of the file:
button.loading .cta {
color: #000 !important;
}
Hello @Shahil1
Go to online store ----> themes ----> actions ----> edit code ----> assets ---->product.css
add this code at the end of the file and save.
button.loading .cta {
color: #000 !important;
}
Thanks