An image list is a way of neatly listing images, with a corresponding block of text and optionally a link to follow if they click on the image.

How do I create an image list?

  1. Go to Website > Widgets.
  2. Click ˆAdd.
  3. Enter the Title for the widget.
  4. Under Type, choose Image list.
  5. Click Next.
  6. Choose the Orientation, Listing image size, Listing image aspect ratio and Image link hover effect (see 'How do I change how the image list is displayed' below).
  7. Click Add.
  8. Next to the widget you've just added, click Images.
  9. Click Add.
  10. Choose an Image from your computer.
  11. Enter Alternative Text and Description.
  12. Optionally enter an Overlay heading, this is displayed on top of the image.
  13. Optionally enter a URL (if you want the image to be clickable, you can enter the URL you want to direct them to here).
  14. Click Add. Repeat until you've added all your images.
  15. You can then insert this widget into your content.

How do I edit the images?

  1. Go to Website > Widgets.
  2. Next to the widget you want to edit, click Images in the right-hand column.
  3. Click Edit alongside the image that you want to edit.
  4. Edit the information as needed.
  5. Click Update.

How do I re-order the images?

  1. Go to Website > Widgets.
  2. Next to the widget you want to re-order, click Images in the right-hand column.
  3. Click and drag the image up or down the list, then let go.

How do I change how the image list is displayed?

You have a few options on how the image list is displayed:

  • Orientation - You can choose to display the image list vertically down the page (image to the left, description on the right) or horizontally across the page (image above, description below)
  • Listing image size - You can choose to show small or large images. When viewed on a desktop/laptop computer, the small size would fit 4 images per row and the large 3 images per row. On smaller screen sizes (e.g. mobile) the image is always full width.
  • Listing image aspect ratio - You can choose how the images are cropped and sized. Either naturally (original ratio), round or square. 
  • Image link hover effect - If the image has a URL set, you can add an image hover effect. We suggest you have a play with the different effects and see which one you like!

To change these settings:

  1. Go to Website > Widgets.
  2. Click Edit next to the widget you want to edit.
  3. Click Next.
  4. Change the Orientation, Listing image size or Listing image aspect ratio.
  5. Click Update.

What size should my images be?

We recommend a minimum of 768px wide.

Did this answer your question?