Header Image Options

Header Image

The page "Header Image" field populates the header background image. The image size is 1,400px by 350px. If you select the page checkbox "Full Header" the image height should be 872px.

Header Text

The Header Text wysiwyg field overlays on top of the header area and supports text, images, buttons, etc.

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  (ie. 1280 width x 720 height).

See more about adding a Header Background Video here.

When this field is used the you will need to also add an image to the "Header Image" field as this image will be the preview image while the video is loading and also serves as the fallback for mobile. The size of the image when using the video is 1,400px by 500px. If you select the page checkbox "Full Header" the image height should be 872px.

*NOTE - This is a looping/muted background video so the video should be kept short in size/length.

Grid Images

The grid image option to show multiple images as the background is available from the Rotators module.

  1. Go to Media > Rotator and add a new rotator
  2. Select the Grid checkbox
  3. The Grid Text wysiwyg field overlays on top of the grid images and supports text, images, buttons, etc.
  4. Assign to the page
  5. The slide transition field is required for this module, but is not used. Place any number in this field so you can create the slides.
  6. Each slide will represent a single column and each slide will only support an image. No other fields are used.

2 to 5 slides are supported and the width of the images would depend on the number of slides. The recommended width for the default design of three columns is 466px (divide the number of slides by 1400). The height of each image should be 500px. If you select the page checkbox "Full Header" the image height should be 872px.

Rotator

If a rotator is assigned to a page the images will display as slides. The title and caption are optional and will display as an overlay. The image size is 1,400px by 500px. If you select the page checkbox "Full Header" the image height should be 872px.

*NOTE - If a slide has a video assigned it will open in a lightbox when the slide is clicked.