This setting group controls what the background of the section will look like. By default the section will inherit the page color.
Background Type
None - this will inherit the page background that is configured in your Theme Settings
Image - This will fill the background with the image you provide in the Image Desktop and Image Mobile setting. This image will move with the section.
Image Fixed - This is just like an image, but the image will not move with the section and remain "fixed"
Video - This will use a silent looping MP4 video for the background
Color - This make the section use the Background Color option for the background color
Custom Gradient - This will make the section use the CSS attributes found in the Custom Gradient setting
Image Backgrounds
Image Desktop / Mobile
This image will get cropped based on the device size and content length for the section. Do not include text in your image or expect certain portions to be always displayed. That is why we provide a way for you to use a desktop image and a mobile image as well as allow you to control the center point
Focal Point
This allows you to choose the area that the image will be "centered" around
Background / Overlay Color
Select a color to be used with background. When using an image background, this color setting acts as an overlay. You can then choose to set the overlay opacity to control how transparent the overlay is on top of the image
URL to an MP4 file (Background Video)
This is used for Video Background. You would paste a URL to an MP4 file that will be used for the background.
How to get a url to an MP4
Custom Gradient
In this setting, you would paste in CSS attributes that will give you a nice gradient. Use some of the following links to easily get a gradient that matches your style.