Formatting Text in Webflow

Formatting CMS-Bound Rich Text Elements

Overview
Formatting Text Elements
Formatting Numbers & Currencies
6:09
210
Truncating Text w/ Ellipsis
220
Isolating Bold & Italic Styles in Headings & Text
4:26
221
Emojis & Line-Breaking
2:28
223
Fitting Text Exactly
224
Highlighting Text
225
Formatting Dates & Times
Formatting Dates
251
Formatting Collection Lists
Comma-Separated List Items
7:15
310
Formatting Rich Text Elements
Formatting Rich Text Elements
410
Formatting CMS-Bound Rich Text Elements
420
Add a Highlighting & Code Effect to Rich Text
7:03
425
Nested Lists in Rich Text Elements
2:37
430
No items found.
Published
Updated
November 4, 2022
in lightbox

Key Points

When a Rich Text Element is CMS-Bound, it has a purple border, and it can not be edited or styled in the Designer. This is because the sub-elements such as paragraphs and headings cannot be selected while it is CMS-bound.

You can un-bind it temporarily, to make those selections available, and then re-bind it.

Or, you can use a style-guide approach;

Make sure you Rich Text Element has a unique class

Create a draft static page in your site called Style Guide

On that page, create a Rich Text Element, and assign it the same class

Because this RTE is not CMS-bound, you can style the sub-elements as needed. Since it shares the same class, the changes you apply here will apply to your CMS-bound RTE as well.

Videos
No items found.
Table of Contents
Comments
Did we just make your life better?
Passion drives our long hours and late nights supporting the Webflow community. Click the button to show your love.