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

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

Plugin Envision

🤝 See Demos 🤝

Meet the Section Backgrounds 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 Section Backgrounds 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 Section Backgrounds block today!

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.

👉 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

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 Section Backgrounds 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.

The Best Section Background

By Wasek Bellah (wasek23) on 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.

0.10 – 4th October 24

  • Add border and radius to warpper 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.

From Gutenberg Editor:

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

Download & Upload:

  1. Download the Section Builder with Backgrounds 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.

Reviews

5 out of 5 stars

  • Version: 0.10
  • Last updated: 4 days ago
  • Active installations: 300
  • WordPress version: 6.2
  • Tested up to: 6.6.2
  • PHP version: 7.2