WordPress.org

Plugin Directory

Section Builder with Backgrounds – Customize with Color, Gradient, Image & Parallax.

Section Builder with Backgrounds – Customize with Color, Gradient, Image & Parallax.

Description

🤝 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

Blocks

This plugin provides 1 block.

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

Installation

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.

FAQ

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.

Reviews

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

“Section Builder with Backgrounds – Customize with Color, Gradient, Image & Parallax.” is open source software. The following people have contributed to this plugin.

Contributors

Changelog

0.15 – 23th February 25

  • Optimize.

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 align

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.