Issue: In the Shopify Dawn theme, text on navy backgrounds appears grey instead of white, despite the color scheme being set to white. Affects the footer and other sections; screenshots show the mismatch, while an inspector reports the color as white.
Cause: A helper notes Dawn’s default styling sets footer content text (footer_block–content) to a different, greyer shade than footer headings.
Fixes proposed:
Outcome: The override fixed the footer. The original poster asks how to apply white text to other sections (shared product page link) and seeks broader selectors or guidance to make all relevant sections white.
Status: Partially resolved. Footer issue fixed; question remains on ensuring white text across other sections. Attachments (screenshots) illustrate the grey vs. white appearance.
Hello everyone,
As seen in the attached screenshots. At my Footer and another segment where the background is navy blue, the text is grey and not white. Even though its supposed to be white as thats what I have set it to in the color scheme. Also when inspect the font with fontanello it says its white but its clearly not white..
What is causing this issue and how to fix it?
Hello @Peter_ecom
Our team is ready to help you.
Please share your website address and access password (if necessary) so that we can check and assist you.
The footer_block–content text color is set to a slightly different shade from footer block headings. This is a default Dawn styling. You can add this code to the global CSS file or your custom CSS:
.footer-block__details-content > *,
.footer-block__details-content .list-menu__item--link {
color: #ffffff !important;
}
.footer-block__details-content, .footer-block__heading, .footer-block__details-content .list-menu__item--link {
color: white !important;
}
That worked but for my footer only, how can I fix it for other sections?
Can anyone please help explain how I can make sure its white in other sections as well?
