Follow

Add Background Image To Website Row

A background image can be added to any individual row, behind any type of widget, on any custom page or homepage of your website. 

1. Click on any widget on the row you would like to work with. Then click Edit Row Settings.

Edit-row-settings-highlighted.png

2. Then, click Select by Background Image

background-image-select-home-highlighted.png

3. Click on an image. The image selected should be at least 1200 pixels wide. (if the image looks fuzzy or distorted when you select it then it is too small of an image to use for this purpose.

select-image-2.PNG

Background-image-1.PNG

4. To fit the image, use the Fit Mode options (Fill typically works best)

Fit-Mode-highlighted.png

5. Position the image using any of the arrows or click the black dot to center the image.

Background-mage-position-highlighted.png

6. To set the opacity of the image click Overlay.

Opacity-highlighted.png

  • Use the slider bar or opacity options below the color palette and spectrum.

Opacity-options-highlighted.png

  • When you are satisfied click Done.

Opacity-Done.png

7. If you would like the background image to stretch to the edge of the screen, first make sure your layout/theme supports this, then click Stretch to Edge.

Background-image-stretch-to-edge-highlighted.png

8. Finally, click Complete

Background-image-stretch-to-edge-complete-highlighted.png

 

Was this article helpful?
0 out of 0 found this helpful

0 Comments

Article is closed for comments.