Style Guide

Heading 1

Heading 1 is the main, first, primary title for the page, and usually sits below the header image area

Heading 2

Heading 2 is used in the header image area, as well as in the page content

Heading 3

H3 is used for things like accordion menus or lists.

Heading 4 / HEADING 4

H4 is only used for SUB HEADINGS

Heading 5
Heading 6

H6 is handy for SEO, that’s all

Paragraph:

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud.

This is bolded text.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Link

Primary Button

Secondary Button

Normal & Hover buttons

Primary Button

Secondary Button

Disabled buttons

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.

Accordion Content

Accordion Content

Elementor Stretch / Boxed Sections

To help us see what’s going on, i’m colouring the sections to have a light grey background colour, the columns to have a darker grey background colour, and the text box inside to have  black background colour

This section is “Boxed” and Not Stretched.

This dark grey area is the background colour of the text box inside the column.


This section is “Full Width” and Not Stretched.

This dark grey area is the background colour of the text box inside the column.

 

This section is “Full Width” and Stretched.

This dark grey area is the background colour of the text box inside the column.