I need help changing the color of text on my webpage, the theme has set font color to the same as background color so text is not readable.
Topic summary
A user is experiencing a readability issue on their Shopify store (stainedcollective.com) where “size chart” text links on product pages are invisible due to black text matching the black background.
Problem specifics:
- Text links saying “size chart” appear on every product page
- Black font color renders them unreadable against black background
- User needs to change font color to white
Solution provided:
A community member offered a CSS fix involving:
- Navigating to Online Store → Edit Code
- Locating the theme.liquid file
- Adding custom CSS code above the
</body>tag
The solution includes a code snippet (markup format) and a screenshot demonstrating the expected result. The issue appears resolved with this CSS-based color override.
1 Like
Hey @arianarouhani
Welcome to Shopify Community! Can you share your Store URL so I can have a look on it? Also, if you have password enabled then please share the password as well. Your cooperation would be greatly appreciated.
Best Regards,
Moeed
On every product page, there is a text link that says “size chart.” This is not visible because the text is black and matches the black background of the website, so I need to change the font color to white.
1 Like
Hey @arianarouhani
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