Who This Is For / When to Use
Use this feature when you want more visual control over page backgrounds, including modern gradients and depth-enhancing blur effects.
What’s New
Gradient Backgrounds
Create gradients with up to 10 colors.
Supported gradient types:
Linear
Radial
Angular
Gradients can be applied to Sections, Rows, and Columns.
Blur Background Effect
Enable blur using a simple toggle.
Control blur intensity with adjustable settings.
Works best with semi-transparent colors and overlays.
Reorganized Background Settings
Background options are now separated into clear tabs:
Color
Image
Video
Makes switching background types faster and easier.
How to Add Gradient Backgrounds
Open the Page Builder.
Select a Section, Row, or Column.
In the right-hand sidebar, open Background settings.
Choose the Color tab.
Select Gradient.
Add colors and choose a gradient style.
How to Add a Blur Effect
Select a Section, Row, or Column.
Open Background settings in the right-hand sidebar.
Enable the Blur toggle.
Adjust the blur intensity as needed.
How Background Tabs Work
Color tab: Solid colors and gradients.
Image tab: Background images with positioning and display options.
Video tab: Background videos.
Switching tabs does not remove existing settings unless you apply a new background type.
Important Notes
Existing background images and videos continue to work without changes.
Gradients support multiple colors; blur effects are most effective with transparency.
This update does not modify or remove any existing background settings.
FAQ
Does this affect existing pages?
No. Existing backgrounds remain unchanged unless you edit them.
Can I use gradients and images together?
No. Only one background type (Color, Image, or Video) can be active at a time.
Why does the blur look subtle?
Blur effects depend on transparency. Use semi-transparent colors or overlays for stronger visual depth.
Is the demo media lower quality than the editor?
Yes. Demo previews may appear lower resolution. Inside the Page Builder, gradients and blur effects render smoothly and clearly.