Display Background Image + Add/Replace Image

Use this section to add the main image that will display above the fold on the homepage, to use the Homepage Slideshow, read the following article: Homepage Background Slideshow Settings 

Our recommended size for the image is 1800 px by 600 px.

When uploading a main image for the homepage, there are two options to choose from:

  • Display on Homepage
  • Hide on Homepage

Display Hero Section on Mobile

Hide or Show this section on Mobile

Background Image Behavior

There are to ways in which this image can be displayed:

  • Mobile-Ready View (recommended)
  • Standard View

Top Spacing + Bottom Spacing

An element's padding is the space between its content and its border.

The padding-bottom property sets the bottom padding (space) of an element.

Increase or decrease the size for a bigger or smaller space in relation to the image and the Search Module Type.

0px to 400px 

For more information please read: Homepage Search Module - Editing The Spacing Padding

Image Overlay Color + Image Overlay Visibility

Select how transparent or opaque the Overlay is applied to the Hero Image. This is incredibly helpful when using white fonts so the text will the legible on an image that has lots of colors, or dark fonts with opaque images, if this is the case, make it whiter.