Plugin Directory

Background Builder for Section – Make your section with color, gradient, or image background with parallax effects

Background Builder for Section – Make your section with color, gradient, or image background with parallax effects


Meet the Background Block – your gateway to seamless WordPress section customization. This powerful block empowers you to redefine the aesthetics of your site. Effortlessly apply solid color, gradient, or captivating image backgrounds to your sections, and now, transform them with mesmerizing parallax effects.

Take control of your design with the ability to set minimum height and padding, ensuring a visually balanced and stunning layout. Whether you’re a seasoned designer or just starting, the Background Block makes tailoring your WordPress site a breeze.

Unleash your creativity, add depth and dynamism to your designs, and create a website that truly stands out. Elevate your WordPress experience with the Background Block today!

View the Demos

Background Builder 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.

How to use Background Builder

  • Begin by installing the plugin.
  • Add the Background 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.



This plugin provides 1 block.

  • Section Background Enhance Your Website's Aesthetics with the Background Block


From Gutenberg Editor:

  1. Go to the Block/Gutenberg Editor.
  2. Search For Section Background block.
  3. Click on the Section Background to add the block.

Download & Upload:

  1. Download the Section Background Builder plugin (.zip file).
  2. In your admin area, go to the Plugins menu and click on Add New.
  3. Click on Upload Plugin and choose the background-block.zip file and click on Install Now.
  4. Activate the plugin.


How do I get started with this plugin?

It’s simple! Just install the plugin and add the block to your Gutenberg Block Editor page.

How to apply parallax effects to my section using the Background Block?

From the block’s right sidebar settings, find the Scroll Animation option. Select parallax and adjust the speed as desired.

Is this plugin compatible with my current theme?

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.

How can I customize the appearance of the plugin?

After adding the block, you’ll see the appearance of a right sidebar that allows you to customize the selected block.

Where can I get support for this plugin?

You can post your questions on the support forum here.

Is there a premium version available?

At the moment, there is no premium version available.


May 20, 2024
The best custom background plugin for my page section. It offers a range of options for background color, gradient, and image. Moreover, it features the parallax effect in the Scroll Animation option.
Read all 1 review

Contributors & Developers

“Background Builder for Section – Make your section with color, gradient, or image background with parallax effects” is open source software. The following people have contributed to this plugin.



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.