Use this professional looking image gallery to show off your visual content, and add variety to text-heavy pages!
In this article:
Adding an Image Gallery Section
About This Section
The Image Gallery section arranges up to three images horizontally across the entire width of the page. It can be used as a simple visual break, to illustrate related visual ideas, or to provide additional context for nearby text-focused sections.
Where to Use This Section
- Course landing page
- Community Landing Page
- Bundle landing page
- Coming soon page
- Home page
- Custom pages
The Image Gallery section can be used on most pages, for a wide variety of purposes. The best place to use it will often depend on what kind of visual content you have on-hand; let the images be your guide!
The Image Gallery section does not allow you to add a header or text overlay (though you can use images that include text) — if you want a visually-focused section that includes text, or even a button, consider using the Image & text (with CTA) or Banner sections instead.
Adding an Image Gallery Section
- From your Admin Dashboard, go to Channels
- Click Website
- Select the page you want to edit by clicking on its card. This will open your Site Builder.
- Click Add section and select Image Gallery from the list
Optional: Rearrange the position of the new section, if necessary - Click on Image Gallery to open the section settings
- Click on Image to open the individual image card
- Click Upload Image and select the image you want to upload
- Repeat steps 5-6 for each image you want to include; you can reorder the reviews by dragging and dropping the individual cards
Optional: You can click Delete block within an image card to remove that card from the gallery
Optional: Customize the section as required (see below for options) - Click Save to apply your changes
Section Customization
Settings: The Image height setting controls the overall height of the section; if your images appear to be cropped vertically, try changing this setting to Medium or Large.
Image: You can Upload or Remove image to change the image file being used, and add Image alt text to your images to improve accessibility. Image files cannot be larger than 4MB.
Section Examples
Empire (Halo)
Vision (Thrive)
Vogue (Vision)
For in-depth examples of our different Themes and Styles in action, check out our Theme Demo Site. Use the buttons along the bottom of the page to browse all the different possibilities!
Frequently Asked Questions
Why are my images being cropped?
The Image Gallery section works best with landscape-oriented or square images; if the images are too tall relative to the width of the section, they will automatically be cropped to fit. Adjusting the Image height setting to match your image dimensions can help resolve this issue, but in some cases it will make more sense to crop your image files yourself to achieve the look you want.
What size images should I use?
There is no one specified size for images added to the Image Gallery section. images will auto-adjust depending on the number of images in the gallery (e.g. 2 vs 3 images), the size of the device on which the section is viewed (mobile vs large screen) and so on. This means that the focal point will change depending on multiple factors.
While there is no specified size, we recommend keeping all images in the same dimensions and use landscape-oriented or square images.
If the exact presentation of images is important to you, we recommend using the Text & Media Site Builder section.
More About Site Builder Sections
List of All Available Site Builder Sections