Simple Colored block

Generally this is being used across the site for coloring various features of the site. It requires a color as it by default has no extra styling

Classic Button

Using the general bootstrap fields we can create a button that links directly with our theme colors

Classic Button With Arrow

Using the general bootstrap fields we can create a button that links directly with our theme colors

Outline Button With Arrow

Using the general bootstrap fields we can create a button that links directly with our theme colors

Outline Button

An alternative button with no background, on hover we have a shadow

SG Block Title

Use this to split up your text with a striking block of text as an alternative to general headings

Intro Paragraph

This is to create a intro paragraph feature text block that is NOT a heading

Headline / Slogan

This is to create a large headline / slogan

SG Block Quote

A really simple way to quote within your page using our blockquote feature. This uses your primary web color to surround your text

SG One Color Overlay

Overlays with a single color

SG Filter Gradient

Our basic filter gradient class (gradient must overwrite background color in choices). Used purely for color choices within acf fields

SG Alerts

replace bootstrap alert alert-primary feature to alert sg-alert sg-primary

SG Content Feature Full

A nice simple way to break up your text with a full width chunk of featured content. There is also an option sg-content-feature which will use half the page and float right. This feature uses the same colors as below but is not displayed here.

SG Gradient Box

A nice simple way to break up your text with a full width chunk of featured content with a nice gradient border. There is also an option sg-content-feature which will use half the page and float right. This feature uses the same colors as below but is not displayed here.

h1 Default

h2 Default

h3 Default

h4 Default

h5 Default

h6 Default