How To Add A Background Image To A Panel

This guide will show you how to add background images to panels in the editor. Background images are the best way to put text over an image.

Step By Step Guide

1:
First of all we need to load the editor. To do this click ' Content ' on the left menu, once this drops down and gives you some more options, click ' Pages '. Then select the page you would like to edit, finally click the ' Editor ' button in the top left.


2:
Next up, click on the row you would like to add the background image to. When the toolbar pops up, click the button with the two small cogs . This is on the right side of the toolbar .


3:
From here, click the ' Row Settings ' link on the right side of the pop-up window.


4:
On the next screen click the ' Add Image URL ' button.


5:
The next step involves picking the image you would like to set as the background. In the example we pick the image of a laptop on a table. Once you have found the picutre you would like to use, click the ' Select ' button.


6:
The next screen will have a drop down menu, click on this and select the ' Uploaded Original ' option. After this click the ' Insert Image ' button.


7:
Finally we are back to the same screen we saw earlier. Click the ' Save ' button in the bottom right and you will see the background image appear on the row!

Related Articles

© Copyright 2024 Toolkit Websites LtdWeb Design By Toolkit Websites