Changing the Background Image using the Page Builder

To change the Background Image of a Row element, edit your page with the FrontEnd Page Builder.

Hover your mouse over the Row element which has the background image that we want to change.

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.