Skip to main content

Hero Image Block

Back to Style Guide

The Image Hero Block is used at the top of each page, and displays an uploaded image at a specified aspect ratio. The aspect ratio of the image is manually selected via the CMS, with the image then stretching to cover the specified ratio. A WYSIWYG field allows content to be specified for display on the top of the hero block. This will support all WYSIWYG styling, as well as the inclusion of a button via the global button shortcode.

Finally, an additional option is available to set the image to parallax, in which case the block will have a fixed position and content will scroll over the top.