Before adding photos to your site, double-check that the ones you\u2019ve selected are a reasonable size. If you\u2019ve just taken a photo from your camera, or downloaded a large high resolution image from a stock photo site, it\u2019s really important to size those down.<\/p>\n\n\n\n
Uploading a large image can significantly reduce the load speed of the page. Small images should be under 100KB, and larger header images should be under 350 KB.<\/strong><\/p>\n\n\n\n If you don\u2019t have a program on your computer to crop and resize images, we recommend free tools like Pixlr<\/a> or Canva<\/a>.<\/p>\n\n\n\n If you\u2019re short on photos, give Envato Elements<\/a> a browse. It\u2019s included in your website platform subscription! Simply send us the links of photos you like. We\u2019ll get those downloaded and over to you to use on your website.<\/p>\n\n\n\n You can add individual photos throughout a page by using the Image block<\/a> wherever you need it. If you\u2019d like to display multiple photos together in a grid view or with columns, use the Gallery block<\/strong> instead. The Gallery block is made up of individual Image blocks.<\/p>\n\n\n\n Once you are logged in to your website<\/a>, open the page where you would like to add a gallery and make sure you are looking at the editing view on the back end.<\/p>\n\n\n\n When the Gallery block is selected, you can make a variety of adjustments so it displays correctly. <\/p>\n\n\n\n These settings can be found in the toolbar above the gallery or the block settings sidebar on the right side of the editor.<\/p>\n\n\n You can adjust the number of columns and preview how that impacts the look of the gallery. For best results, try to keep it to 5 columns or less.<\/p>\n\n\n\n You can adjust the width and height of the images in the gallery by selecting predetermined options (thumbnail, medium, and full-size).<\/p>\n\n\n\n To ensure your images look balanced, we suggest enabling the crop option.<\/p>\n\n\n\n To randomize the image order in a Gallery block, locate the “Randomize order” toggle and enable it.<\/p>\n\n\n\n If you want to change the alignment of your gallery to left, center, or right, those settings can be found in the toolbar above the Gallery block. <\/p>\n\n\n Preview your page to see how everything looks and publish or update when you\u2019re ready for everyone to see the photos.<\/p>\n\n\n\n Once you\u2019ve added a gallery to the page using the Gallery block, you can easily add, reorder, or remove images within it.<\/p>\n\n\n\n To display the gallery options, select one of the images and then click the \u201cSelect Gallery\u201d button in the toolbar. Another option is to use the List View at the top left of the page editor.<\/p>\n\n\n To add new images to the gallery, select the Gallery Block to display the toolbar and click the \u201cAdd\u201d button.<\/p>\n\n\n You can individually adjust the settings for each image in the gallery (like cropping, adding links, or alt text). When you click an image, you\u2019ll access the toolbar and settings on the right sidebar, as you would with any individual image block. You can read more about the image block settings here<\/a>.<\/p>\n\n\n You can reorder the images by selecting one and using the left and right arrows.<\/p>\n\n\n To remove a single image from your gallery, select the image, click on the three dots and select the \u201cDelete\u201d option.<\/p>\n\n\n To remove a gallery altogether, select the gallery, click the three-dot icon in the toolbar, and select \u201cDelete”.<\/p>\n\n\n This process is similar to adding a gallery. For detailed steps, check out our article about adding an image to a page<\/a>.<\/p>\n\n\n\n A featured image is also called a header image. It’s the photo that shows at the top of your page or post. Learn more about adding a header image.<\/a><\/p>\n\n\n\n The quickest way to get support<\/strong> is to reach out to us within your website\u2019s admin dashboard. Log into your website and then fill out the Request Help form. You\u2019ll hear back from us within one business day.<\/p>\n\n\n\nFinding Photos to Use<\/strong><\/h3>\n\n\n\n
Add an Image Gallery<\/strong><\/h2>\n\n\n\n
\n
![\"A](\"https:\/\/wiredimpact.com\/wp-content\/uploads\/2021\/05\/01-Add-a-gallery.jpg\")
<\/figure><\/div>\n\n\n\n
![\"A](\"https:\/\/wiredimpact.com\/wp-content\/uploads\/2025\/04\/adding-gallery-block-edited.jpg\")
<\/figure><\/div>\n\n\n\n
![\"A](\"https:\/\/wiredimpact.com\/wp-content\/uploads\/2021\/05\/03-Select-images.jpg\")
<\/figure><\/div>\n\n\n\n
![\"A](\"https:\/\/wiredimpact.com\/wp-content\/uploads\/2021\/05\/04-Edit-gallery.jpg\")
<\/figure><\/div>\n\n\n\n
![\"A](\"https:\/\/wiredimpact.com\/wp-content\/uploads\/2021\/05\/adding-gallery-1.jpg\")
<\/figure><\/div>\n\n\nUpdate Gallery Settings<\/strong><\/h2>\n\n\n\n
![\"A](\"https:\/\/wiredimpact.com\/wp-content\/uploads\/2025\/04\/adding-gallery-2-edited.jpg\")
<\/figure><\/div>\n\n\nColumns<\/strong><\/h3>\n\n\n\n
Resolution<\/strong><\/h3>\n\n\n\n
Crop Images<\/strong> to Fit<\/strong><\/h3>\n\n\n\n
Randomize Order <\/strong><\/strong><\/h3>\n\n\n\n
Change Alignment<\/strong><\/h3>\n\n\n\n
![\"A](\"https:\/\/wiredimpact.com\/wp-content\/uploads\/2025\/04\/adding-gallery.jpg\")
<\/figure><\/div>\n\n\nUpdate an Existing Gallery<\/strong><\/h2>\n\n\n\n
![\"A](\"https:\/\/wiredimpact.com\/wp-content\/uploads\/2025\/04\/adding-gallery-3-1265x333.jpg\")
<\/figure><\/div>\n\n\nAdd a New Image<\/strong><\/h3>\n\n\n\n
![\"A](\"https:\/\/wiredimpact.com\/wp-content\/uploads\/2025\/04\/adding-gallery-4.jpg\")
<\/figure><\/div>\n\n\nEdit Image Settings<\/strong><\/h3>\n\n\n\n
![\"A](\"https:\/\/wiredimpact.com\/wp-content\/uploads\/2025\/04\/adding-gallery-5-1265x581.jpg\")
<\/figure><\/div>\n\n\nReorder Images<\/strong><\/h3>\n\n\n\n
![\"A](\"https:\/\/wiredimpact.com\/wp-content\/uploads\/2025\/04\/adding-gallery-6.jpg\")
<\/figure><\/div>\n\n\nRemove an Image<\/strong><\/h3>\n\n\n\n
![\"A](\"https:\/\/wiredimpact.com\/wp-content\/uploads\/2025\/04\/adding-gallery-7.jpg\")
<\/figure><\/div>\n\n\nRemove a Gallery<\/strong><\/h3>\n\n\n\n
![\"A](\"https:\/\/wiredimpact.com\/wp-content\/uploads\/2025\/04\/adding-gallery-8.jpg\")
<\/figure><\/div>\n\n\nAdd a Single Image to a Page <\/strong><\/h2>\n\n\n\n
Add a Featured Image to a Page <\/strong><\/h2>\n\n\n\n
Still Have Questions?<\/h2>\n\n\n\n