How to change a Background Image

Using the Page Builder we can change or add a background image to any Row element or column.

To change the background image of an existing Row element – which already has an image attached – first edit your page using the WP Bakery Page Builder Front End editor.

Hover your mouse over the Row element which has a background image.

Click the Edit Row button – it’s the Pencil Icon.

In the new Pop-up Window -> go to Design Options Tab

Find the Background Image attached to the row element and click the X sign.

Next click the + sign and the Media Library will be opened. Upload a new image or navigate the Media Library and choose a new Image to be used for the Background Image.

Click the Set Image button.

The new image will appear in the Design Options tab.

Click Save Changes button and now the Row element will use our new Background Image.

Just below the Background Image, you will notice a select box, which for a default Row element it will be set to Theme defaults, but in our case it will be set to Cover. The Cover option allows our image to take entire space of the Row element, in both width and height.