Articles

General Article Notes

Articles are the building blocks within each section. You can add anywhere from 1 to 4 articles per section.

There are 8 main styles you can choose from:

Default - the most customisable
Background Image
Background Slider
Button
Overlay
Popup
Slideup
Ticker

This page will show you examples of these.

Default Article Style

The Default Article style is by far the most customisable style you have.
Once selected, there are many options you can adjust such as:

Article Colour Options

Title Colour
What colour words will turn if you "Bold" them in the Title
Body Text Colour

Article Title Options

"Upper title text"
"Upper title text" - colour
Title sizes

Layout

Height of the image at the top - featured image
Vertical Alignment
Padding
Width

Background

Background colour
Background Image
Background Gradient

Default article - padding and title size

Default article

No padding

Small title size

Default article

Medium padding

Medium title size

Default article

Large padding

Large title size

Default article - image and background options

Default article

Featured image used as background image

Default article

Featured image above article content

No background options applied

Upper title text

Default article

Featured image above article content

Background colour applied

Default article - image and background options

Default article - Primary Colour

Featured image above article content

Primary Colour - background options applied

Upper title text

Default article - Secondary Colour

Featured image above article content

Secondary Colour - Background colour applied

Upper title text

Default article - Gold Colour

Featured image above article content

Secondary Colour - Background colour applied

Default article - Gradient Colour

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Ut odio. Nam sed est. Nam a risus et est iaculis adipiscing.

Default article - Gradient Colour

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Ut odio. Nam sed est. Nam a risus et est iaculis adipiscing.

Default article - Gradient Colour

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Ut odio. Nam sed est. Nam a risus et est iaculis adipiscing.

Background Image in multiple column section

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Ut odio. Nam sed est. Nam a risus et est iaculis adipiscing. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Integer ut justo. In tincidunt viverra nisl. Donec dictum malesuada magna. Curabitur id nibh auctor tellus adipiscing pharetra. Fusce vel justo non orci semper feugiat. Cras eu leo at purus ultrices tristique.

Background Image in multiple column section - with square graphic on image

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Ut odio. Nam sed est. Nam a risus et est iaculis adipiscing. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Integer ut justo. In tincidunt viverra nisl. Donec dictum malesuada magna. Curabitur id nibh auctor tellus adipiscing pharetra. Fusce vel justo non orci semper feugiat. Cras eu leo at purus ultrices tristique.

Background Image in one column section

Slide up Articles

Slide up Article

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Ut odio. Nam sed est. Nam a risus et est iaculis adipiscing

Find out more

Slide up Article

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Ut odio. Nam sed est. Nam a risus et est iaculis adipiscing

Find out more

Slide up Article

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Ut odio. Nam sed est. Nam a risus et est iaculis adipiscing

Find out more

Popup articles

Button articles

Button

With background colour

Button

With Gradient colour

Button

With featured background image no overlay

Button

With featured background image and overlay

Button articles with custom heights

Button

With background colour

Custom height 250px

Button

With featured background image and overlay

Custom height 250px

Overlay articles

Overlay with background colour

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Ut odio. Nam sed est. Nam a risus et est iaculis adipiscing

Overlay with background image

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Ut odio. Nam sed est. Nam a risus et est iaculis adipiscing

Overlay with background image and overlay

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Ut odio. Nam sed est. Nam a risus et est iaculis adipiscing

Background Slider Article

There is a Background Slider Article placed to the right here -->

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Ut odio. Nam sed est. Nam a risus et est iaculis adipiscing. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Integer ut justo. In tincidunt viverra nisl. Donec dictum malesuada magna. Curabitur id nibh auctor tellus adipiscing pharetra. Fusce vel justo non orci semper feugiat. Cras eu leo at purus ultrices tristique.