How to change text color of specific rich text?

sodenbach
Tourist
9 0 2

The problem I've run into is that we have a main website and then a private, password protected collections page acting as our distribution page. I've already changed the product grid background color and the text color along with it for all the product titles, price, and general text. The only thing I need now is to change the rich text at the bottom to white without affecting the whole website.

tms screenshot.png

I've tried a couple css codes but none have worked. Thanks for the help!

 

Website - https://tensilitymotorsports.com

 

Replies 3 (3)

sodenbach
Tourist
9 0 2

Password is - onetime

Made4uo-Ribe
Shopify Partner
5991 1443 1783

Hi @sodenbach 

This richtext section is only on the collection pages? Or you have to other pages? 

If this only on the collection pages you can use this code. 

 

.rich-text__inner {
    color: white;
}

 

And Save. 

Result:

Made4uoRibe_0-1714423584623.png

But if you have other rich text section on other pages you can check this code. 

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 "theme. Liquid" file. Find the </body> tag and paste the code below before the tag. 

 

{% if template == 'collection' %}
<style>
.rich-text__inner {
    color: white;
}
</style>
{% endif %}

 

And Save.

 

 

Please don't forget to Like and Mark Solution to the post that helped you. Thanks!

Please don't forget to 

Like

 and 

Mark Solution 

to the post that helped you. Thanks!
Sip, savor, and support – your

Coffee Tip

 helps us keep coding magic.❤️❤️❤️
For FREE, premium codes, and trusted, knowledgeable Shopify developers, visit us at

Made4uo.com


sodenbach
Tourist
9 0 2

It worked changing the color, but I only need it on the one distribution page only, not all of them.