Skip to main content

Cards widget

The cards widget is used to provide a visual CTA (call-to-action) linking to content on the site, with optional short text descriptions and an image. It is ideally used to provide secondary navigation to pages within a section of the site. The cards can be preceded by a heading and short paragraph of text. Each card consists of an image, title, short text and a URL.

Under the "Appearance" tab you can have the cards displayed in a column view. The column layout is automatically selected for the number of cards you have to give the best visual experience. Any more than 5 cards and they will display in a 3 column layout to maximise page space.

Stacked cards

Gallery widget

This card will take you to the page on the gallery widget

Working with images

This card will take you to the page about working with images

Did you know?

Images on cards are optional

Column cards

The column layout is automatically selected for the number of cards you have to give the best visual experience. Any more than 5 cards and they will display in a 3 column layout to maximise page space.

One card

Displayed as a large card in a single full-width column.

The content editor

This card will take you to the page on the featured content widget

Two cards

Displayed in 2 even columns.

The content editor

This card will take you to the page on the content editor.

Featured content

This card will take you to the page on the featured content widget

Three cards

Displayed in 3 even columns.

The content editor

This card will take you to the page on the content editor.

Featured content

This card will take you to the page on the featured content widget

User guide

This card will take you to the user guide pages

Four cards

Displayed in 2 rows of 2 even columns.

The content editor

This card will take you to the page on the content editor.

Featured content

This card will take you to the page on the featured content widget

User guide

This card will take you to the user guide pages

Gallery widget

This card will take you to the page on the gallery widget

Five cards

Displayed as 1 row of 2 columns, and 1 row of three columns.

The content editor

This card will take you to the page on the content editor.

Featured content

This card will take you to the page on the featured content widget

User guide

This card will take you to the user guide pages

Gallery widget

This card will take you to the page on the gallery widget

Working with images

This card will take you to the page about working with images

Six or more cards

Displayed in 3 columns

The content editor

This card will take you to the page on the content editor.

Featured content

This card will take you to the page on the featured content widget

User guide

This card will take you to the user guide pages

Gallery widget

This card will take you to the page on the gallery widget

Working with images

This card will take you to the page about working with images

Did you know?

Images on cards are optional