A user is attempting to modify the RTE (Rich Text Editor) text color specifically within the multicolumn-list section of the Shopify Refresh theme, without affecting RTE text elsewhere on the site.
Problem: The standard div.rte selector changes all RTE text globally. The user wants to target only the multicolumn-list section and change its text to white.
Solutions Proposed:
PageFly-Richard suggests adding CSS to section-multicolumn.css using a specific selector targeting the template section ID with !important to override existing styles.
INA_MSWEB recommends adding .multicolumn-list p { color: #fff !important; } to the bottom of the CSS file.
Both responses provide CSS code snippets with step-by-step instructions for implementation through the Shopify theme editor. The discussion remains open with no confirmation of which solution was implemented or successful.
Hi I’m trying to change the rte text colour in the multicolumn-list. The rte seems to change all rte text with the div.rte etc
How do I target a specific section of the refresh theme and only change the rte text colour in the multicolumn-list?
See attached area of the website I want to only target the rte text and change colour to white.
Website: www.mightyblankets.com.au
Hi [email removed]Mighty_Blankets,
You can try this code by following these steps:
Step 1: Go to Online Store->Theme->Edit code.
Step 2: Search file section-multicolumn.css
Step 3: Paste the below code at the bottom of the file → Save
#shopify-section-template--16004020076694__multicolumn-1 .multicolumn-card__info .rte *{
color:white !important
}
Hope my solution works perfectly for you!
Best regards,
Richard | PageFly
I hope you are doing good and welcome to the Shopify Community!
I am San from MS Web Designer.
Please add this css in your bottom of the css file:
.multicolumn-list p {color: #fff !important;}
Regards,
San
