This style guide was developed to provide a quick and easy way for you to view and apply styles when adding content to your site.
The majority of styles can be applied using the WYSIWYG editor within the CMS. Simply select the text you want to apply a style to and pick the style you wish to apply. For more advanced edits, you can select the “Text” button in the WYSIWYG editor to add in additional styles.
Below are a series of styles and the corresponding code to create those styles. The majority of these styles can be applied using the WYSIWYG editor, however there are a few that will require editing the source code to add.
Font Style
The font used throughout this site is Lato, it can be downloaded for free from Google Fonts. Download Lato»
H1 Headline
H2 Headline
H3 Headline
H4 Headline
H5 Headline
H6 Headline
Blockquote goes here. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.
— John Smith
Bullet List
- Bullet list item 1
- Bullet list item 2
- Bullet list item 3
Numbered List
- Numbered list item 1
- Numbered list item 2
- Numbered list item 3