Issue: After setting the product page background to white with black text via a CSS rule on div#shopify-section-template–16328575287551__main, the product size picker text was also black but needed to be white. A shop preview link and a screenshot were provided; the “size picker” refers to the product variant selector.
Solution: Add a CSS override targeting the size picker’s selector in theme.css to force white text:
Outcome: The change worked perfectly, updating the size picker text to white. The thread is resolved with no remaining questions.
Hello, please can you help me to solve this problem. So i customized the background on the product page , to have it different from the main background. I made it white with black text. But now the size picker is also black text, but i need it to be white.
Is there anything can be done?
The shop preview link :
https://7514p0ksjmkpicst-60827861247.shopifypreview.com
I used this code:
div#shopify-section-template–16328575287551__main {
background: white;
color:#000;
}
Thank you
Hi @Nat7
I’m Richard Nguyen from PageFly- Free Landing Page Builder
You can try with this code.
Follow this:
Go to Online Store->Theme->Edit code->theme.css->paste bellow code in bottom of file
.variant-input {
color: white !important;
}
If you feel my answer is helpful, like it or mark it as a solution. Let me know if you have any questions.
Best regards,
Richard | PageFly
Thank you so much! it worked perfectly
