Default page with Typography and Styles

subject matter heading here (h2)

Add flowery heading here (h3)

The page title at the top is automatic and is H1 (for SEO).  There should only ever be one H1 per page.

The next heading you should use is H2, then H3 etc etc. and you can use as many as your want, so long as they are in a logical structure. so e.g. for above, you can remove the subject matter heading so long as you change the flowery heading to H2

If using standard section with one or more colums (like this one), set the section as “boxed” and Column gaps as “wider” for consistent spacing and alignment. However….. read more

Title background image

Control image in WordPress

You can control the background image behind the title in the pages manager in WordPress dashboard. When you create a new page (or edit existing), simply add the desired image to the “featured image” section on the right hand side (see screenshot below).

It will work with any size / aspect ratio, but ideally the image should be pre-cropped, compressed and sized to 1920px wide X 340px high. 

A dark overaly is applied to the image automatically so you can use lighter coloured images and the white heading will still be readable.

Image widget with caption linked to media file as a popup (lightbox)

Section heading (h2 primary)

However, if you are using an Inner Section within a section (like this example), you need to make the main section Columns gap “No Gap”….

…..and make the inner section Columns gap set to “wider”

This way everything will align properly

Minor heading - same as primary but smaller

Secondary heading used as a H3 in content

H4 heading (text + bold)

Lorem ipsum dolor sit amet, this is a hyperlink

Section heading (h2 secondary)

Boxed sections like this require custom margins so they align to top of corresponding column. First, set the background colour of the Column. Then in Advanced tab, add 30px margin top, left, bottom, right (responsive margins may also need adjusting depending on the content):

^ this is a carousel pre-styled in Global widgets

Global widgets

A Global widget gives you full control over styling of a specific widget, that is displayed in multiple places on your site. It saves you the time and effort of going through the many pages on your site, and updating theses widgets manually, one by one.

IMPORTANT: Editing it in one place will instantly update the rest, so unless you want this to happen, it is important to UNLINK the widget once in place.

Current widgets include default button, content divider, responsive section spacer, and read more toggle. As more pages get built, more global widgets get added.

We seek to develop strong business relationships through regular contact and an understanding of your needs. We can monitor your progress, giving you piece of mind that your business is on track to success, leaving you to focus on your goals.

You will receive responsive attention when it is most important to you.