Easy Tech TutsHow to Style Rich Text Elements in Webflow CMS Easily 2026
By Impran M N
Long-form CMS content like blog posts often comes through a Rich Text element, and styling the individual tags inside it, like headings or blockquotes, requires a slightly different workflow than normal elements. This guide covers disconnecting the dynamic data temporarily, applying nested selectors, and reconnecting the field once your styles are set. It's for anyone managing a blog or article template in Webflow's CMS.
01Locate the Rich Text element
Open your CMS collection template page and find the dynamic Rich Text element pulling in your article content.
02Disconnect the dynamic data temporarily
Open the element settings panel and disconnect the CMS property so you can preview and edit static placeholder content.
03Add a class and target child tags
Assign a unique class to the Rich Text element, then use the nested selector option to target specific tags like h2 or blockquote inside it.
04Adjust typography and spacing
Set font sizes, weights, and line heights for each nested tag, and configure margin and padding for balanced paragraph spacing.
05Reconnect the CMS field
Once your styles look right, reopen the element settings and reconnect the Rich Text block to its original CMS collection field.
Frequently asked questions
Why do I need to disconnect the CMS data first?
Disconnecting lets you edit and preview static content directly inside the element, which makes it easier to select and style specific nested tags.
Will styling changes apply to every entry in the collection?
Yes, since the styles are tied to the class and nested selectors on the template, they'll apply consistently across all collection items.
What tags can I style inside a Rich Text block?
You can target headings, paragraphs, bulleted and numbered lists, links, and blockquotes among other standard rich text tags.
Can I break the CMS connection permanently by mistake?
No, disconnecting is temporary for editing purposes, and reconnecting through the same panel restores the live dynamic data.
Watch the full walkthrough
The same steps, demonstrated on screen from start to finish.
