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.
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.