Customize the Height of Your Image Gallery

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 Considerations: This feature is meant to look best when used without a fixed navigation.

1. Within the Design panel find your page with the Image Gallery and select it.

Screen_Shot_2018-10-15_at_2.21.34_PM.png

2. Click into Type and select one of the Slideshow layout types.

Screen_Shot_2018-10-15_at_2.21.18_PM.png

3. Under Height you will have three options depending on the slideshow you choose (Carousel only has two options): Auto, Adjust manually or Fit to window.
Screen_Shot_2018-10-24_at_10.15.09_AM.png

- Choosing Auto is the default setting for the Image Gallery and will automatically size to the webpage to fit your content best.

- Choosing Adjust manually will allow you to enter a pixel height amount if you want your gallery to be a specific height but still span across the screen.

- Choosing Fit to window will expand your gallery as far as it can within the browser window, essentially making it fullscreen.

- Check the Preserve aspect ratio box and a background color box will appear where you can select a background color for your slideshow. You can also adjust the opacity of the background along with other slideshow attributes

4. Select Save and Publish to finish!

    • Related Articles

    • 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 ...
    • Choose the Number of Visible Images on Image Gallery (Classic Slideshow)

      One unique Image Gallery feature is our Visible Items option. You can use it to display 1, 2, or 3 images per gallery slide. This feature is only available if your Image Gallery is set to Classic Slideshow. 1. Select the Design tool from the gray ...
    • Add an Automatic Slideshow

      You can show off your images in a beautiful, automatic slideshow, by following these steps: 1. Select the Design tool in the gray navigation bar. 2. Navigate to the Page that contains your Image Gallery. 3. In the right-hand menu of the website ...
    • 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 ...
    • 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 ...