In this guide and tutorial, we’ll learn a simple, fast, and effective method on how to add background color, image, or video to your WPBakery page builder WordPress plugin sections and rows.
Add Background Color or Image On Rows
In this tutorial on the Visualmodo knowledge base, we show you how to add a background color or image to page builder rows. Columns or any other elements of your page editor area. Simply and easily, using the drag and drop builder design options.
As a result of following the video tutorial above, you can create a section with an image. Like this one in the attached photo: In this guide and tutorial, we’ll learn a simple, fast, and effective method on how to add background color, image, or video to your WPBakery page builder WordPress plugin sections and rows.
First, open your WordPress admin area/dashboard and go to pages. Click on ‘add new,’ and open the page builder (by clicking on the blue button called ‘Back-End editor or Front-End editor.’ inside your page editor area). And click on the ‘add element’ button.
In addition, the builder toolbar selects a ‘Row’ element on the page and places an aspect with some offset column. In addition to any other style you want
Secondly, Click on the ‘+’ button in this column grid to add another element inside your column called ‘text block’. A window will open to you type your text.
After saving your text block element, click the ‘Edit row’ button to open the edit window options. Moreover, the same can work for each column in your row section.
Finally, you can combine these rows of background options. So, use elements and multiple columns to create your desired layout.
Step-by-Step Guide
To edit the background of a section or row using the WPBakery Page Builder (formerly known as Visual Composer) WordPress plugin, you can follow these steps:
- First, go to the page or post where you want to edit the background.
- Once in the WPBakery Page Builder editing mode, locate the section or row you want to edit.
- Click the “Edit” button (the pencil icon) on the right side of the area or row.
- In the pop-up window that appears, click on the “Design Options” tab.
- Under the “Design Options” tab, you’ll see a “Background” option. Click on it.
- Here, you can choose to set a background color, an image, a video, or a gradient. You can also select the background position, size, and repeat options.
- Once you’ve made your desired changes, click the “Save Changes” button to save the background settings.
- Finally, click the “Save Changes” button in the section or row editing window to save all changes you made.
That’s it! Your section or row now has a customized background.
Add Background Color or Image – By Visualmodo – Download WPBakery Plugin Here.