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 on Add in the top right.

  3. Click on Image list.

  4. Enter a Title.

  5. Select an Orientation.

  6. Select a Listing image size.

  7. Select a Listing image aspect ratio.

  8. Select an Image link hover effect

  9. Click Add, note that images need to be added to an Image list for it to be displayed.

How do I add images to an image list?

  1. Go to Website > Widgets.

  2. Click on the relevant image list widget.

  3. Click on Add beside the images section heading.

  4. Click Choose file and select the image from your computer.

  5. Enter some Alternative Text.

  6. Enter an Overlay heading (this is displayed on top of the image) if required.

  7. Enter a URL (clicking the image will redirect to this URL address) if required.

  8. Enter a Description.

  9. Enter an Overlay background opacity (darkens the image to provide greater contrast to the Overlay heading).

  10. Enter a Status.

  11. Click Add.

  12. You can now add this widget to your website.

How do I edit the images?

  1. Go to Website > Widgets.

  2. Click on the relevant image list widget.

  3. Click Edit alongside the image that you want to edit in the Images section.

  4. Edit the information as needed.

  5. Click Update.

How do I re-order the images?

  1. Go to Website > Widgets.

  2. Click on the relevant image list widget.

  3. Click and drag the image up or down the list in the Images section, 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 on the relevant image list widget.

  3. Click Edit.

  4. Change the Orientation, Listing image size or Listing image aspect ratio as required.

  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?