Style Guide

The styles and elements used throughout the website are listed on this Style Guide page. Any style you modify from this page will be updated across the entire website.

Typography
The various text sizes used on the website.
2X Large

This is a heading

X Large

This is a heading

Large

This is a heading

Medium

This is a heading

Small

This is a heading

X Small

This is a heading

2X Small

This is a heading

Unordered List
  • Lorem ipsum dolor sit amet
  • Lorem ipsum dolor
  • Lorem ipsum
Large Paragraph

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

Paragraph

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

Small Paragraph

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

Blockquote
Nullam eu turpis a nulla finibus commodo sit amet sed orci. Integer ac enim eu leo imperdiet vulputate
Rich Text
Various text sizes that are used on the website.

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.

Sample Image
Source : Unsplash.com

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

Headings, paragraphs, 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.

Colors
Various text sizes that are used on the website.
Buttons
Various text sizes that are used on the website.
Buttons Size & Alignment
Various text sizes that are used on the website.
Fluid/Fullwidth
Fullwidth
Align Center
Button Center
Align Right
Button Right
12 Columns Grid System
Various text sizes that are used on the website.
Col-1
Col-2
Col-3
Col-4
Col-5
Col-6
Col-7
Col-8
Col-9
Col-10
Col-11
Col-12
Grid
Various text sizes that are used on the website.
2 Columns
3 Columns
4 Columns (Default)
Accordion
Various text sizes that are used on the website.
How long does my subscription last?
How I download videos for offline viewing?
What if I have a question that isn’t answered here?
Form
Various text sizes that are used on the website.
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Tabs
Various text sizes that are used on the website.
This is some text inside of a Tab area "Tables".
This is some text inside of a Tab area "Container".
This is some text inside of a Tab area "Section".