HTML Element Resets
Heading Resets

Heading

Heading

Heading

Heading

Heading
Heading
Rich Text Styles

What’s a Rich Text element?

The rich text element allows you to create and format headings, paragraphs, blockquotes, images, and video all in one place instead of having to add and format them individually. Just double-click and easily create content.

Static and dynamic content editing

A rich text element can be used with static or dynamic content. For static content, just drop it into any page and begin editing. For dynamic content, add a rich text field to any collection and then connect a rich text element to that field in the settings panel. Voila!

How to customize formatting for each rich text

This is bolded text. If you want to change it just select this bit of text.

Blockquotes, figures, images, and figure captions can all be styled after a class is added to the rich text element using the "When inside of" nested selector system.

Site Styles
Background Colors
Font Familys
This is some text inside of a div block.
This is some text inside of a div block.
This is some text inside of a div block.
Font Weights
This is some text inside of a div block.
This is some text inside of a div block.
This is some text inside of a div block.
This is some text inside of a div block.
Font Colors
This is some text inside of a div block.
This is some text inside of a div block.
This is some text inside of a div block.
This is some text inside of a div block.
This is some text inside of a div block.
This is some text inside of a div block.
This is some text inside of a div block.
This is some text inside of a div block.
Text Transforms
This is some text inside of a div block.
This is some text inside of a div block.
Heading Styles
.hed-xl
Heading XL
.hed-l
Heading L
.hed-m
Heading M
.hed-s
Heading S
.hed-xs
Heading XS
.hed-xxs
Heading XXS
.hed-xxxs
Heading XXXS
Body Styles
.bod-m
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent eu arcu quis felis hendrerit molestie vitae vitae lorem. Aenean nec tellus vitae odio rhoncus molestie. Curabitur a mauris sed odio luctus iaculis eget id ante. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus interdum, arcu nec pulvinar molestie, ligula tellus venenatis nulla, quis interdum nunc mi eu leo. Aliquam erat volutpat. Quisque cursus lobortis magna, ut fringilla odio sagittis sit amet. Praesent turpis diam, tempor fermentum consectetur nec, viverra placerat magna. Nullam vitae lacus commodo, feugiat nunc a, pharetra neque. Ut turpis ante, rhoncus a luctus id, fringilla a magna.
.bod-s
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent eu arcu quis felis hendrerit molestie vitae vitae lorem. Aenean nec tellus vitae odio rhoncus molestie. Curabitur a mauris sed odio luctus iaculis eget id ante. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus interdum, arcu nec pulvinar molestie, ligula tellus venenatis nulla, quis interdum nunc mi eu leo. Aliquam erat volutpat. Quisque cursus lobortis magna, ut fringilla odio sagittis sit amet. Praesent turpis diam, tempor fermentum consectetur nec, viverra placerat magna. Nullam vitae lacus commodo, feugiat nunc a, pharetra neque. Ut turpis ante, rhoncus a luctus id, fringilla a magna.
Buttons
.btn-line
↓ brochure
.btn-small
↓ brochure
.btn-color-red
.btn-color-white
Button Text
.btn-color-purp
Slider Components
.w-slider-dot
.btn-small
↓ brochure
.btn-color-red
.btn-color-white
.btn-color-purp