Sweet Text
<h-sweet>Styles<h-sweet>
Multiple heading, paragraph, link, and content styles in rich text CMS field
Create multiple style options for h1, h2, h3, h4, quote, paragraph, link, etc. inside a Rich Text CMS field. Apply these different options inside Designer or Editor with <ix-explosion><simple-text-tag><ix-explosion>. Webflow CMS rich text block can now be infinitely customized!
Demo
Default rich text
Custom classes
Normal h2 <h2-alt>with Sweet Text h2<h2-alt> and back to normal
Normal h3 <h3-alt>with Sweet Text h3<h3-alt> and back to normal
Normal p <p-color-red>with Sweet Text red p<p-color-red> and back to normal
Normal p <p-color-green>with Sweet Text green p<p-color-green> and back to normal
- A normal unordered list item
- <li-powerful>Sweet Text list item<li-powerful>
- <li-powerful-tab1>Sweet Text list item<li-powerful-tab1>
- <li-powerful-tab2>Sweet Text list item<li-powerful-tab2>
- <li-powerful>ordered list item<li-powerful>
- <li-powerful>ordered list item<li-powerful>
- <li-powerful>ordered list item<li-powerful>
Normal quote
<quote-alt>Sweet Text alternative quote<quote-alt>
Lil' callout bars that clients always ask for
<callout-alt-a>callout-a<callout-alt-a>
<callout-alt-b>callout-b<callout-alt-b>
This video shows you how to set up different style options for each rich text element type.
Video Library
What the heck is Sweet Text?
Sweet Text in CMS
Establishing classes in Designer to use with Sweet Text
Create alternate style options for Rich Text using Sweet Text
Technical review of Sweet Text with Chrome inspector
Adding classes to parent elements inside rich text, like p, li, ul, h2, etc.
Create draggable text elements inside a rich text element
Create a sortable list of elements inside a rich text element
Trigger custom popup interaction via CMS rich text field, Sweet Text, and Webflow Interactions
Sweet Updates!
