Editing Carousel Blocks

Carousel style Blocks allow you to display up to 16 images in a rotating gallery. These images can also be used to link to either a Hail Article/Publication or an external web address.


Carousel Blocks are great for creating engaging image galleries or showcasing your values

  • You can choose between three different sizes for your Carousel:
    • Large: Displays a single image at a time
    • Medium: Displays up to two images at a time
    • Small: Displays up to three images at a time
    • Note: on mobile or small screens, Carousel will always display a single image
Carousel Block cheatsheet

How to

  • Navigate to the Blocks section of Hail and click + Block.
  • Select the Carousel style.
  • When you first create a Carousel Block, your first empty item (image) will be created for you - simply begin to fill it out and any changes you make can be seen in the preview at the top
  • Start by choosing an image for your item. Click the "Select Existing" button on the left hand side of the item. This will open a your media library allowing you to choose from any of your published images, add a new image from your device or you can import a new stock image.
  • Next, you may add a link to the image - this allows users to visit the linked content by clicking on that item in the carousel. Click the 'Add Link' button to the right of the image preview and a modal will pop up, allowing you to select an Article, Publication, or enter your own url. Note: only published Articles and Publications will show up here - and if adding a custom link, you need to enter the full address, starting with 'https://'
  • To add more images to your Carousel block, click "+ Add Item" at the top or bottom of the list of items.

Removing items

  • Items can be removed from the block by clicking the "X" in the top right of each item. Note: this action cannot be undone!
  • Once you have finished editing your Block, don't forget to hit 'Save' in the top right!

Changing a Block title and description

  • You can also change your Block title in the right hand sidebar if required. This title will display to the public.
  • The Block description can also be edited. Carousel Blocks do NOT display the description to the public, so this may be used for info or notes if required.

Actively Being Used

  • At the very bottom of this page, you can see any locations this Block is in use. This can be handy if you want to make some changes but aren't sure if it will affect any unexpected locations - just scroll down to the bottom and the name and style of any content using this Block will be listed. Any of these items can then be viewed straight away by clicking the "Edit' button in the list.

Examples of Carousel blocks on websites:

Revolving imagery
Did this answer your question? Thanks for the feedback There was a problem submitting your feedback. Please try again later.

Still need help? Contact Us Contact Us