Standard content type with right column

This is where the main content goes. It can be formatted. By, for example, applying a textsplash Style to a paragraph: like this one.

With headings 

heading 2

heading 3

heading 4

heading 5

With bold text. And, in special cases, italicised text. You should remember that italics are particularly difficult to read on screen and use very sparingly.

Related links/sticky navigation

It's also possible to have an additional column: on a standard desktop view this will be displayed as a right hand column. On a mobile this will appear under the main content.

Add links as an unordered list:

Standard content type with no right column

If nothing is inserted in the right column, the page will instead display across the full width of the main canvas.

architectural detailImages that you want text to float around can be given a class of 'right'.

architectural detailAlternatively, images that you want text to float around can be given a class of 'left'.

Always ensure your images have alt text added for accessibility and keep them to a reasonable smaller size within standard content.

You can add tables:

Remember that these pages may be read on a mobile device: if you have too many columns or rows it may be worth considering another way of displaying your content.

Column heading 1Column headding 2Column heading 3
Content in here. Content in here. Content in here. Content in here.  Content in here. Content in here.  Content in here. 
Content in here.  Content in here. Content in here.  Content in here. 
Content in here. Content in here.  Content in here.  Content in here. Content in here. Content in here. Content in here. 

This one has the style 'stripedtable' applied to it, to make it easier to read.

And with lists, either unordered:

  • unordered item 1
  • unordered item 2
  • unordered item 3

or ordered

  1. ordered item 1
  2. ordered item 2

Any unfloated images used here should be at least 550px wide. Images will be resized to fit mobile browsers.‌‌‌

Standard content type can be stacked

As with most t4 content types, content can be stacked. This page, for example contains three standard content types stacked on top of one another.

Call to action

You should try to include a call to action on every page. Think about why you're publishing the page, and what you want your audience to do next.

Something like

In this example, the calls to action are in the quick links column. This is an ideal place to put them, as on desktop view, the contents of this column float when the page is scrolled, keeping them in view.

There is also a call to action class in the format menu of the editor.

add text

link text

highlight text

select format > formats > call to action