Gradients and Background Blur in the Sparkforge Page Builder

The Sparkforge Page Builder supports multi-color gradients and background blur on sections, rows, and columns. You can build linear, radial, or angular gradients, fine-tune color stops, and add blur for depth or glassmorphism — all without leaving the builder.

What you get

• Multi-color control: up to 10 color stops per gradient.
• Style variety: Linear, Radial, or Angular.
• Precision editing: drag stops on a visual slider, set angles for exact results.
• Instant depth: toggle Background Blur and adjust intensity.
• Clean workflow: switch between Color, Image, and Video background tabs.

Where you can apply backgrounds

Backgrounds live at the container level — section, row, or column.

• Sections: full-width hero areas.
• Rows: banded backgrounds across multiple columns.
• Columns: improve text readability inside a specific block.

How to add a background gradient

1. Go to Sites → Funnels / Websites.
2. Open the funnel or website, then select the page to edit.
3. Click the section, row, or column. In the right sidebar, scroll to Background.
4. Select the Color tab.
5. Turn on the Gradient toggle.
6. Pick a gradient type from the dropdown (Linear, Radial, Angular).
7. Add colors with + Add Color or by clicking the gradient slider directly.
8. Adjust each color with the color picker and reposition stops on the slider.
9. For Linear or Angular gradients, use the Angle slider to set direction.

How to add background blur

1. Go to Sites → Funnels / Websites and open the page.
2. Click the section, row, or column. In the right sidebar, scroll to Background.
3. Open the Color tab.
4. Toggle Background Blur on.
5. Use the Blur Intensity slider to set the level. Pairs well with semi-transparent colors.