Want to put a large, powerful image at the top of your page? The hero image widget is perfect for grabbing the audience's attention and expressing your organizational brand with a strong visual that represents your site.
This is the hero image text.
Drag the hero image widget from the right column onto the page.
Choose Edit to select an image for both desktop and mobile view from your image library. The desktop image will default to mobile if there is no mobile image selected.
You can also choose to keep the image stationary when scrolling.
Use the default settings, known as "Simple View" below to add a title, a subhead or button on top of your image. You will also have the option to change the height and positioning of your image. Save your settings.
If you need more flexibility around the text color and positioning, as well as background color, turn on the "Advanced Mode". Use WYSIWIG editors to customized title and subhead.
Select the text and background color.
Select the position of the text.
Change the height (desktop and mobile) and positioning of your image.
If needed, add a button label and link. Save your settings.
This is widget gives you the option to have an H1 header overlaying your hero widget, rather than having it in the body of your webpage. One H1 is needed on every page for SEO. To make the hero title an H1, simply check the box when editing the widget!