Change body font colour in content section on Dawn theme

[Lizzo333]

Hi there!

I'm using Dawn theme.

My URL is https://www.outerlayer.com.au/ and password to access is xxxx

I was to change the font colour of the body text in various sections of my product page template to HEX #212529 to match the title of the section.

For example (circled red is the text whose colour I want to change):





Really appreciate your help – thank you!

Lizzy 

[DrewOswald]

The reason the body text is a different color than the titles is because the base.css stylesheet styles the body text so it's slightly transparent. It appears to be a lighter shade then the title. The way I reset the body text to remove transparency is by adding a Custom Liquid to the header area (so it applies on all pages) and adding this code:

<style>
.rte {
color: rgba(var(--color-foreground), 1);
}
</style>

Note: The last number is the opacity. 0 for completely transparent and 1 for completely opaque.

Instructions: 

 

 

[Kyle_liu]

Add the following code to the base.css file

.image-with-text__text p {
  color: #212929;
}

.rte p {
  color: #212539;
}

[websensepro · Accepted solution]

Hi @Lizzo333 ,
1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.liquid file
3. In theme.liquid, paste the below code before </head>

<style>
.rte {
    color: #212529 !important;
}
</style>

  Result:

If my reply is helpful, kindly click like and mark it as an accepted solution.
Thanks!
Use our Big Bulk Discount app to boost your sales! 🚀 (https://apps.shopify.com/big-bulk-discount). Easy to set up and perfect for attracting more customers with bulk discounts. Try it now and watch your revenue grow!

[Lizzo333]

Thanks so much @websensepro – that worked and was super easy to install 🙂