How can I alter the text color in a rich text section?

Store Design
,
1

Hi there,

I want to change the text color of the following rich text on my landing page www.taneraskin.com :

INFO

Was ist KP?

Unser Guide bietet dir eine schnelle Übersicht zum Thema Keratosis Pilaris

And make the button (only this one!) white with black font.

Can you help me?

Best,

Isabelle

2

Hi Isabellemaria,
Paste this CSS in your CSS file
1)below is for text, you can change color from “red” to your requirement

section#shopify-section-template–17904032514316__811dcafe-2424-4f44-b0d7-eed3a00159d4 .rich-text {
color: red !important;
}

2)below is for Heading, you can change color from “red” to your requirement
section#shopify-section-template–17904032514316__811dcafe-2424-4f44-b0d7-eed3a00159d4 h2 {
color: red !important;
}

3)below is for button, you can change color from “red” to your requirement

.rich-text__buttons a.button.button–primary {
background: #ffffff !important;
color: #000 !important;
border: 1.3px solid #202020!important;
}

Thanks & Regards
Sandeep

1 Like
3

The code doesn’t only change the color of the rich text section, it changes all the buttons. Do you know how to adapt it? www.taneraskin.com

4

Hi Isabell,

Use the below CSS for the button

section#shopify-section-template–17904032514316__811dcafe-2424-4f44-b0d7-eed3a00159d4 .rich-text__buttons a.button.button–primary {
background: #ffffff !important;
color: #000 !important;
border: 1.3px solid #202020!important;
}

Thanks & Regards
Sandeep

1 Like