Formatting Text in Webflow

Isolating Bold & Italic Styles in Headings & Text

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.

When you're styling Heading and plain Text elements, you can select text and create 5 types of "sub-elements";

  • Bold
  • Italic
  • Superscript
  • Subscript
  • Span

When you create those, you can further style them by applying a class to the sub-element, and then adjust that text however you desire.

Webflow's Rich Text Element takes this a step further, in that if you apply a class to the RTE, you can then Isolate the styling of sub-elements so that they only affect those within that RTE.

Here's a nifty hack that allows you to get that same capability in your Headings and plain Text elements.

Table of Contents
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.