Update the logos inside these components to update the logo throughout the site. To change the default logo size, update the image’s width on the settings (gear) tab.
Color
These colors have been created using Global Swatches. If you edit the Global Swatch color, it will change every element that uses that color swatch.
Text colors
Main colors
Neutral colors
You’ll see that these typography elements don’t have classes. That’s because on this page, we want to edit the styles after selecting “All H1 Headings” for example, so that it will effect all the elements on the site. To do this, select the H1 below, click where it says “Select a Class or Tag” and select “All __ Headings” at the bottom of the list.
If you edit styles here, they will change across the site.
Lorem ipsum dolor sit amet
Lorem ipsum dolor sit amet
Lorem ipsum dolor sit amet
Lorem ipsum dolor sit amet
Lorem ipsum dolor sit amet
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.
“Cool quote would go right here into this perfectly designed, generic quote box area.”
Dr. Soenso
Curious how these styles will play out on a page? Here’s a rich text element that shows them in action. The “rt” class applies to articles and service pages. Use it to override the default styling.
This is an H2 heading.
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.
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.
This is an H3 heading.
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!
This is an H4 heading.
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.
This is another H4 heading.
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.
- Bullet List Item 1
- Another Bullet List Item
Change the default styling of buttons below. Notice the “bh” (button holder) element surrounding the buttons. This is used to maintain proper margins.