All of the images that come with the website template can be replaced.
Whenever possible, ensure your images are high quality and high resolution so they look great when viewed on large screens. The Site Editor will automatically re-size or re-scale your images to best fit the design of the template.
There are no specific image dimensions as the size that an image is displayed is determined by the size of the device being used to view the website. All of our templates are mobile responsive.
Use the Preview feature to test out your template and check how the default images respond to different screen sizes. You may find that you need to re-size your image to match the aspect ratio of the default images that come with the template.
If it's important that your image is not cropped when your site is viewed on smaller devices, use the block called Image or Video. This block will resize the image so it fits the page but will not crop.
Uploading an image
Images can only be added to blocks that already contain a default image. To change the image:
1. Click on the block to bring up the Edit toolbar on the right of the page, then click Choose new image
2. Browse through images that come with the template or click Upload new image to choose a file from your hard drive
Adding a image overlay
Blocks with images as backgrounds provide the option of making the image darker to improve the readability of text placed over it. The option to add an overlay is located in the block's Design settings.
This is the same image without any darkening: