Section Builder with Backgrounds – Customize with Color, Gradient, Image & Parallax.
Active Installs
1,000+
Last Updated
September 26, 2025
First Released
March 4, 2024
Download History (Last one month)
Contributors
🤝 See Demos 🤝
Introducing the Section Background Block – the ultimate solution for section customization with backgrounds in WordPress. Effortlessly design your website sections with solid colors, smooth gradients, and eye-catching image backgrounds. Enhance your designs with captivating parallax section backgrounds that add depth and visual appeal.
This block offers precise controls for content section builder features like minimum height settings, spacing adjustments, and optimized layout designs. Whether you’re a beginner or an experienced developer, the Section Background Block ensures seamless integration and a user-friendly experience.
Take your WordPress design to the next level with stunning color gradient or image backgrounds and customizable parallax effects. Create professional and engaging website sections effortlessly!
Start building visually appealing sections today with the Section Background Block.
🌟 Unlock More Flexibility! Use the Blocks to ShortCode plugin to **convert any blocks into shortcodes and embed them anywhere! 🚀**
Section Builder with Backgrounds Features
👉 Background: Choose from various background types – solid color, gradient, or image – to customize your WordPress sections.
👉 Parallax Effects: Create captivating depth with parallax backgrounds.
👉 Height: Set the minimum height for your section, ensuring perfect layout control.
👉 Padding: Apply padding around your content for a visually balanced design.
👉 Content Max Width: Set maximum width for the content area.
How to use Section Builder with Backgrounds
- Begin by installing the plugin.
- Add the Section Backgrounds block from the Widgets block category within the Gutenberg Editor.
- Customize block settings from the settings sidebar on the right.
-
Enjoy!
-
For installation assistance, click on the Installation tab.
Feedback
- Did you find this plugin helpful or have any concerns? Do you have a feature request? Please share your feedback with us
From Gutenberg Editor:
- Go to the Block/Gutenberg Editor.
- Search For Section Backgrounds block.
- Click on the Section Backgrounds to add the block.
Download & Upload:
- Download the Section Builder with Backgrounds plugin (.zip file).
- In your admin area, go to the Plugins menu and click on Add New.
- Click on Upload Plugin and choose the
background-block.zipfile and click on Install Now. - Activate the plugin.
It’s simple! Just install the plugin and add the block to your Gutenberg Block Editor page.
From the block’s right sidebar settings, find the Scroll Animation option. Select parallax and adjust the speed as desired.
This plugin is compatible with the majority of themes. However, if you encounter any issues, please don’t hesitate to get in touch with us. Our support team is here to assist you in resolving any compatibility concerns.
After adding the block, you’ll see the appearance of a right sidebar that allows you to customize the selected block.
You can post your questions on the support forum here.
At the moment, there is no premium version available.
Changelog
0.18 – 8th August 25
- Fix issues.
0.17 – 19th May 25
- Improve tab design inside the PanelBody.
0.16 – 3rd March 25
- Improve visibility on search.
0.15 – 23th February 25
- Optimize the plugin.
0.14 – 28th January 25
- Extra support for SVG in content.
0.13 – 29th December 24
- Reduce code to optimize.
0.12 – 17th November 24
- Add shadow for the content and wrapper.
0.11 – 5th November 24
- Fix inner blocks alignment.
0.10 – 4th October 24
- Add border and radius to wrapper and content.
0.09 – 13th September 24
- Add SVG and IFrame support.
0.08 – 13th September 24
- Shape Dividers.
0.07 – 23th August 24
- Content Max Width option.
0.06 – 6th August 24
- Content aligns in sidebar settings.
0.05 – 3rd June 24
- Update responsive breakpoint.
0.04 – 12th May 24
- Add default overlay for Background Image.
0.03 – 26th April 24
- Add Parallax effects.
0.02 – 28th March 24
- Add Content Background Option.
0.01 – 4th March 24
- First Release.
Available Versions
| Version | Download | Type |
|---|---|---|
| 0.18 | Download | Stable |
| 0.17 | Download | Stable |
| 0.16 | Download | Stable |
| 0.15 | Download | Stable |
| 0.14 | Download | Stable |
| 0.13 | Download | Stable |
| 0.12 | Download | Stable |
| 0.11 | Download | Stable |
| 0.10 | Download | Stable |
| 0.09 | Download | Stable |
| 0.08 | Download | Stable |
| 0.07 | Download | Stable |
| 0.06 | Download | Stable |
| 0.05 | Download | Stable |
| 0.04 | Download | Stable |
| 0.03 | Download | Stable |
| 0.02 | Download | Stable |
| 0.01 | Download | Stable |
| Development | Download | Trunk |
