Styleguides

Colors

Change the color swatches of the following colors to change the whole appearance of the Grace Template. By doing that, you can completely change the look and feel of the whole template. There are some small details like logo, icons and some other elements, that you will still need to change manually to fit the new style.

Grace Orange
Grace Dark
Grace Border
Grace BG
Grace Text
Grace Footer

Typography

Heading sizes are optimized to look great on all devices, but you can always go in and change any value to fit your new website look. If you want to give headings their own font family, you can do that here by selecting individual heading (all pages) and change the Font property.

Welcome to Grace

H1 Heading

Welcome to Grace

H2 Heading

Welcome to Grace

H3 Heading

Welcome to Grace

H4 Heading
Welcome to Grace
H5 Heading
Welcome to Grace
H6 Heading
Welcome to Grace
Caption

Paragraphs

Here you can simply change the paragraph properties. If you want to completely change the font family for whole template, instead of changing styles here, select the Body (all pages) tag and change the Font property.

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.

Paragraph Small

Buttons

Simply choose the prepared buttons and insert them into sections of your choice.

Rich Text

Rich Text Element (RTE) is the perfect element for creating long-form content. It's styled accordingly with the template style.

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!

Morbi placerat, enim ut dignissim suscipit, ipsum massa suscipit ante, fringilla faucibus erat nisl venenatis elit. Nunc dictum ultricies ipsum, at accumsan sapien ultricies vestibulum.

Duis pharetra congue metus, sit amet rhoncus nisi bibendum in. Phasellus et scelerisque lorem. Nam quam dui, rhoncus sed sapien quis.

Nunc tortor elit, pellentesque mattis lectus ac, tristique tincidunt tortor. Duis iaculis condimentum massa. In porttitor lectus in est tristique rhoncus. Fusce lobortis tristique dolor eu consectetur.

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.