An image list is a way of neatly listing images, with a corresponding block of text and (optionally) a link.

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 for details).
  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 now add this widget to your website.

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 to choose 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, square or logo. 
  • 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, but the bigger the better. We automatically optimise and resize the image for you. We also keep the original you upload so we can recreate sizes in the future, should sizing change.

If you would like the images to be square or round, we highly recommend you pre-prepare the images to be square before uploading so no unexpected cropping occurs.

Did this answer your question?