Hi all,
I am currently migrating my shopify store over to the Dawn theme.
Why is some of the body text pure white, and some of it an off grey?
I’ve attached a screenshot so you can see the difference between the white and grey.
I also have tried the following code in base.css - it did NOT fix this problem.
.rich-text__text.rte.scroll-trigger.animate--slide-in p {
color: white !important;
}
.newsletter__subheading.rte.scroll-trigger.animate--slide-in p {
color: white !important;
}
Thanks in advance!
Hello @Lawson_1 
You can add this code to the very bottom of the file base.css
body, .color-background-1, .color-background-2, .color-inverse, .color-accent-1, .color-accent-2 {
color: white !important;
}
The result
Hope that helps!
Hi,
Thanks for the prompt response.
Unfortunately that doesn’t change the text colour. That’s unusual it did for you though.
I pasted the exact code at the bottom of base.css
Have you got any ideas why not? Thanks again
Looks like you have removed the code already. Can you add it again so I can check?
Yes I had - it is back at the bottom of base.css now.
I’ll leave it there until I hear from you.
Thankyou!
Hello @Lawson_1
Please provide your store URL so we can review it and provide a solution.
Hi @Lawson_1
Try this one.
- From your Shopify admin dashboard, click on “Online Store” and then “Themes”.
- Find the theme that you want to edit and click on “Actions” and then “Edit code”.
- In the “Assets” folder, click on “base.css, style.css or theme.css” file, depending on which file your theme uses to store its CSS styles. At the bottom of the file, add the following CSS code:
- And Save.
#shopify-section-template--15101150920764__6daecba1-8429-4275-b134-baec97e879f5 div.rich-text__text.rte p {
color: white !important;
}
I think there must be some invalid syntax above the code, so the browser ignore the bottom part. Please try moving the code to the very beginning of base.css to see if it works.
That’s done the trick! Thankyou, much appreciated.
