Editing Promo Blocks

Promo style Blocks are a fixed layout of four items, each with an image, icon, title, custom colour and link to either a Hail Article/Publication or an external URL

Promo Blocks are great for highlighting resources or directing readers to various destinations

How to

• Navigate to the Blocks section of Hail and click + Block.
• Select the Promo style.
• When you first create a Promo Block, four items will be created for you - simply begin to fill these out and any changes you make can be seen in each item's preview on the right.
• First enter a title for the item - avoid making this too long or it may get cut off!
• Next, choose what colour the title background will be. Click the 'Colour' field on the bottom left of the button item and a colour picker will appear. You can choose any colour you like - use the slider in the bottom menu to change the base colour, and click anywhere in the gradient above to choose the shade. Make sure the item title text is still clearly visible though - this is easy to check using the preview.
• You may choose an icon from the icon dropdown to show next to the title - you don't have to use one, but they are a good way to add some extra visual flair.
• Next, select an image for the block 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.
• Finally, select a link for the item. Click 'Add Link' - the bottom right button in the item form - 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://'
• Some fields in each item must be filled out in order for the whole Promo Block to display on your content. These fields are: Title and Link. If these are not completed, a warning message will display at the top of the Block editor to let you know! Once all required fields are filled out, the message will disappear.

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.
• Promo Blocks do NOT display the title or 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 Grid blocks on websites: