Formatting Text in Webflow

Isolating Bold & Italic Styles in Headings & Text

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.

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
Formatting Dates & Times
Formatting Dates
4:50
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.
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.