How to change rich text font color in specific rich text in Dawn theme?

money7854
Tourist
6 0 1

Hi everyone,

im using the dawn theme and would like to know if it's possible to just change one specific rich text color instead of changing all of them?

theamazingraze.ca
this is my side, I would like to change the green rich text section 's font to white #FFFFFF

Thank you very much!

Replies 10 (10)

infoatcodelab7
Shopify Partner
593 141 144

@money7854 ,

Please add this CSS to your css file

.rich-text__blocks h2.h1, .rich-text__text.rte p{
    color:#fff;
}

Thank You!

Want to modify or develop new website, Hire us.
If helpful then please Like and Accept Solution .
Email: info@codelab7.com
money7854
Tourist
6 0 1

hi can I please know which css file should I add this code?

infoatcodelab7
Shopify Partner
593 141 144

@money7854 

Add code bottom of  Assets / base.css file

Want to modify or develop new website, Hire us.
If helpful then please Like and Accept Solution .
Email: info@codelab7.com
money7854
Tourist
6 0 1

@infoatcodelab7 hi it works, but it changes all the rich text section . Is that okay I can just change for specific one section?

infoatcodelab7
Shopify Partner
593 141 144

@money7854 

Which section do you want the color to change?

Want to modify or develop new website, Hire us.
If helpful then please Like and Accept Solution .
Email: info@codelab7.com
money7854
Tourist
6 0 1

Screen Shot 2022-02-21 at 11.35.23 PM.pngthis one ! 

infoatcodelab7
Shopify Partner
593 141 144

@money7854 

Please Add this CSS to your css file

.section-template--15703701094654__rich_text-padding .rich-text__blocks h2,
.section-template--15703701094654__rich_text-padding .rich-text__blocks{
  color:#fff !important;
}

Thanks!

Want to modify or develop new website, Hire us.
If helpful then please Like and Accept Solution .
Email: info@codelab7.com
money7854
Tourist
6 0 1

hi I tried both base.css or rich text section css. but it doesn't work

infoatcodelab7
Shopify Partner
593 141 144

@money7854 

put this css to your rich text section file

<style>
.section-template--15703701094654__rich_text-padding .rich-text__blocks h2,
.section-template--15703701094654__rich_text-padding .rich-text__blocks{
  color:#fff !important;
}
</style>

thanks!

Want to modify or develop new website, Hire us.
If helpful then please Like and Accept Solution .
Email: info@codelab7.com

DelightCart
Shopify Partner
1233 81 155

@money7854 paste this code on the bottom of the section-rich-text.css file.

 

 

.rich-text__blocks a {
    color: #fff !important;
}
.rich-text__blocks .h1 {
    color: #fff!important;
}

 

Delight Cart - It's time to turn your visitors into loyal shoppers! 

Delight Loyalty - Increase repeat sales quickly and build lifelong customers loyalty.