Create a Mosaic-Tiled Image Gallery

Create a Mosaic-Tiled Image Gallery

You can create a collage with a mosaic pattern dictated by the size and orientation of your images. The layout allows you to add visual interest with smaller photos next to larger ones and a variety of spacing, sizing, and viewing options to customize your image display.

1. Select the Content tool in the gray navigation bar.

Screen_Shot_2018-10-22_at_12.04.01_PM.png

2. Select the Page you would like to add an image gallery to.

3. Add an Image Gallery block by selecting the green button.

Screen_Shot_2018-10-22_at_12.04.26_PM.png

4. Upload the images you want to see in your mosaic gallery.

5. Select the Design this page link in the top right corner of the page. 

Screen_Shot_2018-10-22_at_12.05.02_PM.png

6. While in the design preview, be sure you are in the Page tab from the right-hand menu.

7. Select Image Gallery title on the right-hand menu that appears to the side of the website preview.

8. Under Type, use the drop-down menu to select the Mosaic Gallery option.

Screen_Shot_2018-10-22_at_12.06.00_PM.png

9. You will then be able to click into your image gallery within the website preview, and select this button (in the screenshot below) to pick and choose how many columns you'd like to showcase, giving you more customization.

Column_Span_Control_in_Mosiac.png

Use the plus or minus sign to add or remove columns.

10. Select the Save and Publish buttons to take your changes live!

Note: You can edit the number of columns, spacing, and image views in this panel as well!

 

    • Related Articles

    • Create a Thumbnail Image Gallery

      We provide 4 thumbnail gallery options for all websites. Thumbnails allow your viewers to quickly preview your images before viewing the enlarged version, all on one page. To add a thumbnail image gallery: 1. Select the Content tool in the gray ...
    • Change Image Gallery Arrows

      A wide selection of gallery arrows are available for you to choose from so that you can customize your gallery as you please. To change your Image Gallery arrows: 1. Select the Design tool in the gray navigation bar and click on the Sitewide tab on ...
    • Change the Position of Your Image Gallery Arrows

      Image galleries are a great way to showcase portfolios or multiple images for visitors to flip through at their own leisure. Our classic slideshow and carousel image galleries now have the ability to move the gallery arrow sliders on the outside of ...
    • Add an Image/Image Gallery

      Add an Image or Image Gallery block to your page by using one of our preset content blocks. Note: An Image block only allows you to upload one image, while an Image Gallery allows you to add multiple. 1. Select the Content tab in the gray navigation ...
    • Customize the Height of Your Image Gallery

      All of our slideshow Image Gallery blocks have customizable Height attributes that can be set to Auto, Adjust manually or Fit to window. These design features are great for photographers or those trying to include a portfolio on their site. Design ...