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

Header Button

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

Block Title

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

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 Single Gradient Block

A gradient between the main color and alpha set as background

SG Double Gradient block

A gradient between two colors (main+end) set as background

SG Triple Gradient block

A gradient between three colors (main,mid+end) set as background

SG Filter Gradient

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

SG Filter Gradient header

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

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.

h1 Default

h2 Default

h3 Default

h4 Default

h5 Default

h6 Default