Editing Grid Blocks
Grid style Blocks allow you to display up to 32 images in a neatly organised grid layout. These images can also be used to link to either a Hail Article/Publication or an external URL.
Grid Blocks are great for displaying sponsors or creating appealing image galleries
How to
- Navigate to the Blocks section of Hail and click + Block.
- Select the Grid style.
- When you first create a Grid 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://'
*This step is optional - you can leave out the links if you'd like.
- To add more images to your Grid 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 change your Block title in the right hand sidebar if required. This title will display to the public so Choose something to act like a heading/title for your block.
- The Block description can also be edited. Grid Blocks do NOT display the description to the public, so this may be used for internal info or notes if required.
Actively Being Used
- At the very bottom of this edit screen, 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 Grid blocks on websites:


