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
222 47 40

@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?

epixelng
Shopify Partner
650 46 78

@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 Loyalty - Increase repeat sales quickly and build lifelong customers loyalty.
infoatcodelab7
Shopify Partner
222 47 40

@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
222 47 40

@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
infoatcodelab7
Shopify Partner
222 47 40

@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
222 47 40

@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