In our Horizon design, we added a default header background image as a fall back. Each page template has their own header image but when one isn’t set, this one will show up as default. In this tutorial, you’ll learn how to change it.
In the ProPhoto customizer, make sure you’re on the SITE SETTINGS template and on the template level for these changes.
Scroll down to the block we’ve labeled “Header block” and hover over the block to show the green bar, and select the settings icon.
Note – Since this block has no actual content, it requires that a ProPhoto “Spacer Widget” be placed in the block row so that the background image will show. If you delete the spacer, the background image will no longer show up, because ProPhoto requires content in a block for the block to show up on the website.
Scroll down until you see the background image. Once there, you can click the trashcan icon to delete it and upload your own.
The background images in Horizon are sized at: 2000 x 1333px saved at 72dpi as a JPEG quality 6 in photoshop or about 60 in Lightroom. Then we used JPEGMINI Pro to downsize our photo even further.