Content aside

Used to display secondary content inside articles. Rendered through the following shortcode:

[content_aside]Content goes here[/content_aside]

Implementation tip
The element on this page is set up as a rich text block. You can style the appearance of headings, paragraphs and links inside, and this styling will carry across to the articles.

You will need to publish the Information Centre article in order to see the shortcode transformation.

Tip box

Used to display useful tips. Rendered through the following shortcode:

[tip_box]Content goes here[/tip_box]

Implementation tip
The element on this page is set up as a rich text block. You can style the appearance of headings, paragraphs and links inside, and this styling will carry across to the articles.

You will need to publish the Information Centre article in order to see the shortcode transformation.

Feature link

Used to display useful tips. Rendered through the following shortcode:

[feature_link]HTML content goes here[/feature_link]

Implementation tip
The element on this page is set up as a rich text block. You can style the appearance of headings, paragraphs and links inside, and this styling will carry across to the articles.

You will need to publish the Information Centre article in order to see the shortcode transformation.

Tables

DIsplays an HTML table with a header row and body rows. Can contain any number of rows and columns.

To create a table in the rich text field, the markup for a HTML table must be followed, but with [square brackets] instead of <HTML> tags. The square brackets will be converted to HTML brackets via Javascript on page load.

There can be paragraph spaces <p> or paragraph breaks <br> within this data for easier readability when content publishing. However avoid adding paragraph spaces within each cell data text to avoid adding extra paragraph styling within these cells.

See a below example that contains a header row and 3 body rows, with 3 columns formatted correctly.

[table]
[thead]
[tr]
[th]header cell 1[/th]
[th]header cell 2[/th]
[th]header cell 3[/th]
[/tr]
[/thead]
[tbody]
[tr]
[td]Cell 1A[/td]
[td]Cell 2A[/td]
[td]Cell 3A[/td]
[/tr]
[tr]
[td]Cell 1B[/td]
[td]Cell 2B[/td]
[td]Cell 3B[/td]
[/tr]
[tr]
[td]Cell 1C[/td]
[td]Cell 2C[/td]
[td]Cell 3C[/td]
[/tr]
[/tbody]
[/table]

Implementation tip
Edit the styles in the divs below, not directly on the table.

On mobile, the table will have a fixed width and will scroll horizontally. This width can be changed via the "min width" property of the table element.

By default, on mobile there is 15px of whitespace to the left and the right edges of the table. You may change this by editing .c-ic-table-wrapper and .c-ic-table-wrapper__spacer

Edit styles here



Table

Header cell
Body cell


Table preview

Header cell 1 Header cell 2 Header cell 3
Cell 1A Cell 2A Cell 3A
Cell 1B Cell 2B Cell 3B
Cell 1C Cell 2C Cell 3C

Featured Case Study

Used to display a featured case study. Rendered through the following shortcode:

[featured_case_study]Content goes here[/featured_case_study]

Implementation tip
The element on this page is set up as a rich text block. You can style the appearance of headings, paragraphs and links inside, and this styling will carry across to the articles.

You will need to publish the Information Centre article in order to see the shortcode transformation.

Free Strategy Session

Used to display free strategy session unique content inside articles. Rendered through the following shortcode:

[free_strategy_session]Content goes here[/free_strategy_session]

Implementation tip
The element on this page is set up as a rich text block. You can style the appearance of headings, paragraphs and links inside, and this styling will carry across to the articles.

You will need to publish the Information Centre article in order to see the shortcode transformation.

Free financial strategy session*

A 90-minute strategy session gives you a clear plan for business growth.

  • Get a better understanding of your business
  • We generate a detailed report from your strategy session
  • Understand your priorities and next steps
Button Text Here