Change background color of paragraph in rich text editor

Technical Q&A
1

Hello!

I am looking to change the background color (full width) of a certain paragraph within the rich text editor. I’ve been able to change the background color, but not get it full width. I am looking to get rid of the white space on the right and left.

Page: https://www.corvitalhealth.com/pages/how-to-use, the paragraph starting with “Enemas should be taken…”

Theme: Debut

I have been using this post for reference: https://community.shopify.com/c/Shopify-Design/Debut-adding-background-to-Rich-Text-section/td-p/621419 but haven’t found a solution yet.

Any help is appreciated, thank you!

2

Hi @CorvitalHealth ,

I checked and you added it: https://i.imgur.com/Q7AOkrP.png

But I found your code easy to cause errors, you can use this code, it will limit the error a lot:

#MainContent .rte p.greenbg{

background-color: #bfce97!important;

max-width: 100%;

}

Because you are setting “nth-child” case, so if you add a p tag above the text, it will work error.

Hope it clear to you.