The site background is the area that appears behind everything else on your site. (To set background color or image for individual blocks, rows, columns, etc. see our guide on that.)
To set a color or image for the background of your site, navigate to “ProPhoto > Customizer > Background” and locate the Site Background Appearance settings.
Your settings will typically be applied here when you have selected the top-level Base template of your design, but these options can be overridden on a per-template basis, when necessary.
Site background color
In the Background screen for any template, find the option to select or override the site background color, seen here:
Choose the background color you want to use with the colors & palettes tool. The tool allows you to pick a color visually, with HEX color values, RGB color values, or with HSL values. The tool also has a slider to set the opacity of the color, if you need semi-transparent colors.
When you’ve selected a color, click to save layout appearance changes at the bottom of the popup. You should notice the color is applied when you view your site.
Site background image
Use the image upload area to apply an image from your computer. You may drag-and-drop an image onto this area, or click to use a file selector.
Uploaded images will display the filename, width & height, and file size information.
Featured image backgrounds
You will also find additional options for controlling the position and behavior of the background image. Click to read about each control: