Gradient & Blur Backgrounds in Page Builder

September 18, 20251 min read

Having a modern and eye-catching site helps you drive interest in your pages, so we’re glad to introduce this update to give you added control over your layouts. Improving the tab’s organization, providing layered color builds, and adding flexibility to your builds. Sounds interesting? Let’s give it a check!

⭐️How Will These Changes Affect You?:

  • Multi-color Gradients: Build gradients with up to ten colors for smooth, dynamic backgrounds.

    a
  • Background Tabs: Existing background images and videos continue to function as before; however, they are now neatly organized into tabs for easier editing.

    b
  • Gradient Styles: You can select from Linear, Radial, and Angular, combined with the color selection and color mixing bar for various design aesthetics.

    c

⭐️How To Apply A Gradient Background To Your Page?

Creating perfect visuals for your sites has never been easier. Let’s customize the page’s background with this new feature.

  1. Click the Section or Column you want to edit the background of to open the settings section on the right side.

1
  1. In the Background section of the General settings, toggle Gradient on.

2
  1. Select the colors and gradient type for your background.

3
  1. Use the Blur toggle and intensity levels to soften and modify the background.

4

Whether it is a subtle blur for depth or vibrant gradients for impact, you now have the flexibility built right into the editor. Easily switch between Color, Image, and Video and color layers for a streamlined editing experience. We hope you enjoy it!

Back to Blog
Image

Innovation

Fresh, creative solutions.

Image

Integrity

Honesty and transparency.

Excellence

Excellence

Top-notch services.

FOLLOW US

Copyright 2026. Pinnacle Ai. All Rights Reserved.