You can apply background to the entire Page, Sections, Slide of Slider Section and Columns.
Every Background consists of two main layers: the Background Fill and the Background Overlay
.
Both layers can be a Color, a Gradient of three colors, or an Image. Only the Fill layer can be a Video.
The Overlay layer appears over the Fill layer, and you can adjust its opacity and blend mode to create endless possibilities.
Here you can select 3 colors and set the position of each one on a slider to form a gradient. Use the Angle Picker to choose the direction of the gradient.
With Fixed option enabled, The background is fixed relative to the browser viewport. Even if an element (a column like the example below) scrolled, the background doesn't move with the element.
This column cell have a gradient background with Fixed option disabled.
This column cell have the same gradient background with Fixed option enabled, scroll the page to see the effect.
Use an image from your computer or a free image from Unsplash™ as background.
Click 'Browse/Upload Images' button under the background image thumnail to launch the Images Browser.
Images Browser allowes you to upload an image from your computer, select an image from your images that you uploaded before or browse Unsplash™ library to choose a totally free image to use.
Click on the image thumbnail to set the focus point (+) for the background. The area around the focus point will always be visible, regardless of the image's dimensions or the element it's applied to. You can choose different focus points for Desktop and Mobile views.
In our examples, we used the same background image for the columns but selected different focus points.
Auto Size scales the image (while preserving its ratio) to the smallest possible size to fill the element.
If disabled, a slider will appear to set the size of the image as percent of its container and a menu to select how you want the background image to repeat in the element.
Auto Size= On
Auto Size= Off, Size= 40% and Repeat= x, y
Available only for the Fill Layer , Use a video from your computer or a free video from Pixabay™ as background.
Click 'Browse/Upload Videos' button under the background video thumnail to launch the Videos Browser.
Videos Browser allowes you to upload a video file from your computer, select a video from your videos that you uploaded before or brows Pixabay™ library to choose a totally free video to use.
Control the transparency of the background layers.
Used to determine how the Overlay layer are blended with the Fill layer.
The following examples show the same image for the background of the Fill layer with different Overlay layer settings.
No overlay
Gray Overlay, Opacity= 50%, Blend mode= Normal
Same gray Overlay, Opacity= 100%, Blend mode= Multiply
Same gray Overlay, Opacity= 100%, Blend mode= Color-burn
Use this option to enabled Background Dark mode.
By default, text color is the darkest color of website's color scheme, when Dark mode enabled, the text color become the lightest color of the website's color scheme. Dark mode change the color of other blocks like Buttons Block.
Dark Background / Light Text = ON
In publishing and graphic design, Lorem ipsum is a placeholder text commonly used to demonstrate the visual form of a document or a typeface without relying on meaningful content.
Dark Background / Light Text = Off
In publishing and graphic design, Lorem ipsum is a placeholder text commonly used to demonstrate the visual form of a document or a typeface without relying on meaningful content.
© Copyright 2025 SiteSPARK by 2MHost.com.