Header Background

Header Image

The page "Header Image" field populates the header background image.  If a header video is present this image will be the preview image while the video is loading and also serves as the fallback for devices that do not support video.

  • "Header Text" field - can be used to add text over top of your header image
  • "Header Overlay" checkbox - adds a dark overlay on top of the header image

Images should be 2,732px wide by 988px tall.  

If the "Header Full" field is used the header area expands to the full height of the users screen and the recommended height increases to 1,748px tall.

The checkbox "Header Overlay" will add the overlay to the image.  If you use the "Header Text" and manually place in a heading 1 tag, you will need to bold the text in the editor to add the tag for the custom page title bottom border.

Background Video

Using the field "Header Background Video (mp4/h264)" will replace the background image with a background video.  The video must be MP4/H264 formatted video and should have a ratio of 16:9.

Note - This is a looping/muted background video so the video should be kept short in size/length (under 30 seconds).

Rotator

If a rotator is assigned to a page, the images will display as slides. 

Each rotator is managed under Media > Rotators.