Styleguide

Colours

Colours
Colour One
Colour Two
Colour Three
Colour Four

Images

You can change the proportions of images by changing the image type class.

To create the style for all the images on the website, please click on any image and select "All Images" tag from the list. on the right.

All Images
Image Vertical
Image Horizontal
Image Square
Image Full

Buttons

Button Text
Button Basic One
Button Basic One Outlined
Button Text
Button Text
Button Basic Two

Body (All Pages) Tag

Click on the Top "Body" wrapper in the Navigator on the left. Click "Select Class or Tag" on the right and Choose "Body (All Pages) " Tag from the list. Now you can edit the Style that would be applied for all the pages.

All Paragraphs

Headings

Heading

All H1 Headings

Style for the tag

Heading

Heading Largest (H1)

Style for the text, for example is you want to style H5 as H1 you can use the styles for the text

Heading

All H2 Headings
heading
Heading Medium (H2)

Heading

All H3 Headings
heading
Heading Smaller (H3)

Heading

All H4 Headings
heading
Heading Small (H4)
Heading
All H5 Headings
heading
Heading Smallest (H5)
Heading
All H6 Headings
heading
Heading Tiny (H6)

accent text one

Text Accent One

Wrap a part of Text with a Span and apply this style for an accent

Texts & Links

Default Link
All Links
Caps Link
Link Caps

Link Light

Link Light

Link Light

Link Light Reversed

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.

Text Caps

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.

Text Light

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.

All Paragraphs

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 Big

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 Small

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 Light

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

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.

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.

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.