Image Card Panel

Image Card Panels

Why use an Image Card Panel?

Image Card Panels are a way of presenting groups of links to other pages in a visual way.

Each link appears as a Card, with some text and an image.

As with some other panels, there are quite a few settings which lets you get different results: different numbers of columns, different colours, card arrangements, and background images.

This page shows examples of this block using different settings.

Standard cards with four columns

By default cards have a white background and an image. By default there are four columns and title and cards are centred on the page.

Two columns evenly distributed

In this example we have two columns, with the cards evenly spread out. This can be useful if you want a couple of key links to be bigger and make more impact.

Title and cards to the left

The title and cards don't have to be centred. Sometimes you might prefer to align them to the left. In this example we have three columns centred on the page, with the title and description left-aligned.

Rows of 3 and 2

You can get different effects depending on the number of columns, the number of cards, and whether the cards are centred or evenly distributed. For example here we're using 3 columns with 5 cards, centred on the page.

Left-aligned card text

You can optionally left-align the text in each card. This can perhaps be useful if the text is slightly longer, or if you feel needs a more formal presentation. It works well with left-aligned main title text and evenly distributed cards, as in this example.

Images next to text

You can also opt to swap the cards round so that the images appear next to the text, rather than above the text. This can give a nice effect if you only have a few cards, and makes a change from the standard card orientation.