Jump to Content

3 Column Link Lists

3 Column Link List Information

The '3 Column Link List' content type is designed to contain 3 columns of hyperlinks, listed as bullet points. Although you can add as many links as you like, we recommend a max of 7 per column. The columns should be even in relation to the number of links in each one.

The heading of each column is a H3, so you need to ensure heading hierarchy is maintained for accessibility. The name of the page will provide a H1, and a content (Rich Text) will provide a H2 heading above the content type.

See how this content type looks in different page types:
With Rightbar, Without Rightbar, Widescreen, and Ultra-Wide (sub-site) / Ultra-Wide (top-level) pages
or else
Normal, Widescreen, and Ultra-Wide (Sub-Site) / Ultra-Wide (Top-Level) Landing pages

Note: You change a page's width (and other options) using its section's 'Page Customisation Keywords' field - see my interactive demonstration for full information.

How do I add a 3 Column Link List content type to my webpage?

It would be of benefit to you to have a list of the links you wish to use so you can sort them into the columns under the related headings.

Go to the page where you wish to add the '3 Columns Link' content type.
Click on the +Add content button.
Give the content a Name.
Give the content a title in the Column 1 - Title field.
Click on the bulleted list icon.
Add a bulleted text for each link, we recommend a max of 7 links per column.
Highlight the first bulleted text, click on the small arrow on the link icon.
1. Choose the Insert section link or the Link to external site option.
2. If choosing a section link, a popup of the site structure appears so you choose the section you want to link to.
3. If choosing an external link, an Insert/Edit Link popup appears,
  1. add the URL of the website you want to link to
  2. Check the Text to display which should be prefilled with the text you have selected,
  3. You can give the link a descriptive Title if you wish to, (avoid using 'click here' or 'link to...')
  4. Choose if you wish the link to open in the Current window (default) or a New Window.
  5. Click Save
Repeat steps a to c to create each bulleted text link in Column 1.
Repeat Steps 3 to 8 for Column 2 and Column 3.
When you have added all the links, click on Save changes to put your content on Pending

Or else
Click on the small white arrow beside Save changes and choose Save and approve to approve your content.
Go to the Order column, using the crosshairs, drag the content item up or down the list to position it where you want the content to appear on your webpage.