How to change text color of specific rich text?

How to change text color of specific rich text?

sodenbach
Excursionist
32 3 3

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
Excursionist
32 3 3

Password is - onetime

Made4uo-Ribe
Shopify Partner
10043 2388 3016

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!

If this fixed your issue, Likes and Accept as Solution are highly appreciated. Coffee tips fuel my dedication.
Get experienced Shopify developers at affordable rates—visit Made4Uo.com for a quick quote!
Need THEME UPDATES but have custom codes? No worries, for an affordable price.
sodenbach
Excursionist
32 3 3

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