Site Styles

H2 Headline

H3 Headline

H4 Headline

H5 Headline
H6 Headline

 

H1 is reserved for page titles; do not use. H2 should be used for main section titles. H3-5 can be used as needed. H6 is a custom implementation for the Upgrades & Maintenance page.


Paragraph Text

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris orci turpis, feugiat vitae laoreet at, eleifend ut tellus. Aliquam mollis magna ultricies volutpat dignissim. Aenean iaculis molestie pellentesque. Nunc posuere neque vitae risus suscipit gravida. Integer dapibus mattis ligula, nec convallis nulla commodo ut. Maecenas vel felis vel massa tempus porta scelerisque et sem. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Sed non leo nec magna blandit sollicitudin. Quisque tempor metus et maximus auctor. Vivamus pulvinar rutrum tellus vitae luctus.


Table Header Table Header
Table Data Table Data

Unordered Lists

  • List item
  • List item
  • List item

List items must be wrapped in bracketed shortcode:

[ su_list icon="icon: angle-double-right" ]
ul
li
li
[ /su_list ]

Remove the spaces following and preceding the brackets.


Buttons

div class="btn"

 

div class="btn_cmte"

Callout

div class="callout"
This is text in the callout div. Any text wrapped in a callout div will appear like this.

Icons

FontAwesome icons are integrated into the theme. To insert, first choose the icon from the FontAwesome icon list and then insert it using the i code.

Common Icon Links:



More Styling

SCS utilizes the Shortcodes Ultimate plugin. When editing a page, click the “Insert shortcode” button above the text editing block.


Site Conventions

  • Off-site links should open in a new tab/window