--- title: Gallery Element description: "The Gallery element allows you to display multiple images in a grid format. Visitors can click on an image to view a larger version. You can add images to the Gallery in two ways: Images are displaye" --- [Skip to content](https://support.catapultcms.com/hc/en-us/articles/360049566531-gallery-element#main-content) English Show submenu for translations [Submit a Ticket](https://support.catapultcms.com/kb-tickets/new?hsLang=en) [![catapult-cms-logotype](https://support.catapultcms.com/hs-fs/hubfs/catapult-cms-logotype.png?width=300&height=59&name=catapult-cms-logotype.png)](https://support.catapultcms.com/migration?hsLang=en) Open main navigation Close main navigation - English Show submenu for translations - [Submit a Ticket](https://support.catapultcms.com/kb-tickets/new) - [CatapultCMS.com](https://catapultcms.com/) [CatapultCMS.com](https://catapultcms.com/) Welcome to Catapult Support Knowledge Base! - There are no suggestions because the search field is empty. 1. [CatapultCMS Help](https://support.catapultcms.com/?hsLang=en) 2. [CMS](https://support.catapultcms.com/cms?hsLang=en) 3. [Visual Elements](https://support.catapultcms.com/cms?hsLang=en#visual-elements) # Gallery Element ### Using the Gallery Element The **Gallery** element allows you to display multiple images in a grid format. Visitors can click on an image to view a larger version. ### Uploading Images You can add images to the Gallery in two ways: 1. **From the Image File Manager** – Click the **Add from Images** button to select images from your file manager and add them to the gallery. 2. **Direct Upload** – Click the **Upload** button to upload images directly into the Gallery element. ![](https://support.catapultcms.com/hs-fs/hubfs/image-png-Mar-14-2025-05-14-30-1022-PM.png?width=825&height=701&name=image-png-Mar-14-2025-05-14-30-1022-PM.png) ### Adjusting the Layout Images are displayed in columns, and you can customize the number of columns (1-6) to fit your design needs. To adjust this setting, click the **Columns** dropdown menu and select the desired number of columns. ![](https://support.catapultcms.com/hs-fs/hubfs/image-png-Mar-14-2025-05-05-51-3504-PM.png?width=688&height=584&name=image-png-Mar-14-2025-05-05-51-3504-PM.png) ### Adding Captions To add a caption to an image: - Click the **speech bubble** icon above the image. - Enter your caption text. When published, captions will appear in **hover mode** on the Gallery grid and **below the image** when viewed in its enlarged format. ![](https://support.catapultcms.com/hs-fs/hubfs/image-png-Mar-14-2025-05-11-55-7830-PM.png?width=539&height=334&name=image-png-Mar-14-2025-05-11-55-7830-PM.png) ![](https://support.catapultcms.com/hs-fs/hubfs/image-png-Mar-14-2025-05-10-08-9796-PM.png?width=540&height=356&name=image-png-Mar-14-2025-05-10-08-9796-PM.png) ### Adding Links Each Gallery image can be linked to an internal page, external website, document, image, or email. To add a link: - Click the **link** icon on the image. - Choose the link type and enter the destination. For more details on linking, refer to our **[Making a Link](https://support.catapultcms.com/hc/en-us/articles/360049138912-making-a-link?hsLang=en)** article. ![](https://support.catapultcms.com/hs-fs/hubfs/image-png-Mar-14-2025-05-12-20-0298-PM.png?width=446&height=279&name=image-png-Mar-14-2025-05-12-20-0298-PM.png) ### Reordering Images To rearrange images in the Gallery: - Click and **drag** an image to a new position. - Drop it in place to update the order. **![](https://support.catapultcms.com/hs-fs/hubfs/image-png-Mar-14-2025-05-12-45-8981-PM.png?width=821&height=692&name=image-png-Mar-14-2025-05-12-45-8981-PM.png)**   Happy Editing!   - [CMS](https://support.catapultcms.com/cms?hsLang=en#main-content) - [Getting Started with Catapult CMS](https://support.catapultcms.com/cms?hsLang=en#getting-started-with-catapult-cms) - [The Dashboard](https://support.catapultcms.com/cms?hsLang=en#the-dashboard) - [General Editing Information](https://support.catapultcms.com/cms?hsLang=en#general-editing-information) - [Basic Elements](https://support.catapultcms.com/cms?hsLang=en#basic-elements) - [Visual Elements](https://support.catapultcms.com/cms?hsLang=en#visual-elements) - [File Management](https://support.catapultcms.com/cms?hsLang=en#file-management) - [Integrations](https://support.catapultcms.com/cms?hsLang=en#integrations) - [Compliance](https://support.catapultcms.com/cms?hsLang=en#compliance) - [Configuration](https://support.catapultcms.com/cms?hsLang=en#configuration) - [Implementation](https://support.catapultcms.com/cms?hsLang=en#implementation) - [Connect](https://support.catapultcms.com/connect?hsLang=en#main-content) - [Manage Users](https://support.catapultcms.com/connect?hsLang=en#manage-users) - [SIS Configuration](https://support.catapultcms.com/connect?hsLang=en#sis-configuration) - [Dashboard](https://support.catapultcms.com/connect?hsLang=en#dashboard) - [Other](https://support.catapultcms.com/connect?hsLang=en#other) - [Organization & Site Resources](https://support.catapultcms.com/connect?hsLang=en#organization-site-resources) - [Messages](https://support.catapultcms.com/connect?hsLang=en#messages) - [Emergency Resources](https://support.catapultcms.com/connect?hsLang=en#emergency-resources) - [Implementation](https://support.catapultcms.com/connect?hsLang=en#implementation) - [APP](https://support.catapultcms.com/app?hsLang=en#main-content) - [App Management](https://support.catapultcms.com/app?hsLang=en#app-management) - [What's New](https://support.catapultcms.com/whats-new?hsLang=en#main-content) - [What's new at CatapultCMS](https://support.catapultcms.com/whats-new?hsLang=en#whats-new-at-catapultcms) - [Contact Us](https://support.catapultcms.com/contact-us?hsLang=en) - [Incident Report](https://support.catapultcms.com/incident-report?hsLang=en) - [Implementation](https://support.catapultcms.com/implementation?hsLang=en#main-content) - [Professional Add-On Services](https://support.catapultcms.com/implementation?hsLang=en#professional-add-on-services) [![catapult-cms-logotype](https://support.catapultcms.com/hs-fs/hubfs/catapult-cms-logotype.png?width=250&height=49&name=catapult-cms-logotype.png "catapult-cms-logotype")](https://catapultcms.com/) [CatapultCMS.com](https://catapultcms.com/) [CMS Login](https://www.catapultcms.com/Login.aspx) [CONNECT Login](https://www.catapult-connect.com/Account/Login?ReturnUrl=%2F) Copyright © 2026, CatapultCMS