---
title: Editing a gallery section [B12 2.0]
description: Learn how to add new photos/images to your Gallery section and customize your Gallery layout.
---

[Skip to content](https://support.b12.io/en/v2/editing-a-gallery-section#main-content)

![b12 logo](https://support.b12.io/hubfs/b12%20logo.svg)

- [Help Center](https://support.b12.io/)
- [B12 Website](https://www.b12.io/)
- [AI Website Prompts](https://www.b12.io/ai-website-prompt-gallery)
- [Resources](https://www.b12.io/resource-center/)
- [Pricing](https://www.b12.io/pricing/)
- [Log in](https://b12.io/dashboard/)

Open main navigation

Close main navigation

- [Help Center](https://support.b12.io/)
- [B12 Website](https://www.b12.io/)
- [AI Website Prompts](https://www.b12.io/ai-website-prompt-gallery)
- [Resources](https://www.b12.io/resource-center/)
- [Pricing](https://www.b12.io/pricing/)
- [Log in](https://b12.io/dashboard/)
- [Start for free](https://b12.io/signup/)

[Start for free](https://b12.io/signup/)

 How can we help?

- There are no suggestions because the search field is empty.

1. [B12 Help Center](https://support.b12.io/en?hsLang=en)
2. [B12 2.0](https://support.b12.io/en/b12-2-0?hsLang=en)
3. [Website Structure and Content](https://support.b12.io/en/b12-2-0?hsLang=en#website-structure-and-content)

# Editing a gallery section \[B12 2.0\]

## Learn how to add new photos/images to your gallery section and customize your gallery layout.

| ![](https://support.b12.io/hs-fs/hubfs/me-webp-3-webp-Sep-25-2024-07-10-21-9076-PM.webp?width=60&height=60&name=me-webp-3-webp-Sep-25-2024-07-10-21-9076-PM.webp) Written by: Madeline B. Last updated: 02 Oct., 2025 |
| --- |

If you don’t have a gallery page or section yet, start by [adding a new page or section to your site](https://support.b12.io/en/articles/5008056-adding-a-new-page-to-your-website?hsLang=en) . Once your gallery is in place, follow these steps to edit and customize it.

### Editing a gallery section

1\. Go to the page with your gallery section.

**Tip:** If you have a Gallery page, type **Gallery** in the search bar above **Pages** to find it quickly.

![](https://support.b12.io/hs-fs/hubfs/Screenshot%202024-09-25%20at%203-46-21%E2%80%AFPM-png.png?width=250&height=172&name=Screenshot%202024-09-25%20at%203-46-21%E2%80%AFPM-png.png)

2\. Click the gallery section from the right side of the editor, or select it from the left sidebar.

![](https://support.b12.io/hs-fs/hubfs/image-png-Oct-02-2025-01-58-40-2222-PM.png?width=654&height=300&name=image-png-Oct-02-2025-01-58-40-2222-PM.png)

3\. You can edit your Title, Subtitle, and Paragraph text by [following these instructions.](https://support.b12.io/en/articles/5004613-editing-text?hsLang=en)

### Adding gallery items

After setting up your section text, you’re ready to add images or videos.

1\. In the left sidebar, click `Add new gallery item`.

![](https://support.b12.io/hs-fs/hubfs/Screenshot%202024-09-25%20at%203-53-24%E2%80%AFPM-png.png?width=250&height=171&name=Screenshot%202024-09-25%20at%203-53-24%E2%80%AFPM-png.png)

2\. Select an existing image or video from your library or upload your own.

- **Library:** Select an image or video you’ve already uploaded. Media items with a small camera icon are videos. Click `Upload media` to upload a file from your computer.

![](https://support.b12.io/hs-fs/hubfs/Screenshot%202024-09-25%20at%203-20-50%E2%80%AFPM-png.png?width=250&height=318&name=Screenshot%202024-09-25%20at%203-20-50%E2%80%AFPM-png.png)

**Note:** The maximum file upload size is 75 MB. [See this article for recommended image and video formats.](https://support.b12.io/en/articles/1732956-what-image-and-video-resolution-should-i-use-for-my-website?hsLang=en)

- **Search:** Find a stock image through B12’s Pexels integration by entering a keyword then clicking **Enter** key. Click `Continue` once done.  
  ![](https://support.b12.io/hs-fs/hubfs/image-png-Oct-02-2025-02-11-07-1158-PM.png?width=250&height=357&name=image-png-Oct-02-2025-02-11-07-1158-PM.png)

### Removing gallery item

1\. In the left sidebar, click the **ⓧ** next to the item that you want to remove.

![](https://support.b12.io/hs-fs/hubfs/image-png-Oct-02-2025-02-15-15-4201-PM.png?width=250&height=277&name=image-png-Oct-02-2025-02-15-15-4201-PM.png)

**Tip:** Removed items aren’t gone forever—you can re-add them anytime by clicking [Add existing gallery items](https://support.b12.io/en/v2/editing-a-gallery-section#existing)!

![](https://support.b12.io/hs-fs/hubfs/image-png-Oct-02-2025-02-21-43-9628-PM.png?width=250&height=223&name=image-png-Oct-02-2025-02-21-43-9628-PM.png)

### Editing gallery item titles

You can edit titles or captions for individual images or videos:

1\. Click the gallery item from your list you want to edit.

![](https://support.b12.io/hs-fs/hubfs/Screenshot%202024-09-25%20at%204-00-37%E2%80%AFPM-png.png?width=250&height=262&name=Screenshot%202024-09-25%20at%204-00-37%E2%80%AFPM-png.png)

2\. Update the **Title** and/or **Subtitle** fields.

**![](https://support.b12.io/hs-fs/hubfs/Screenshot%202024-09-25%20at%204-01-22%E2%80%AFPM-png.png?width=250&height=187&name=Screenshot%202024-09-25%20at%204-01-22%E2%80%AFPM-png.png)**

The result will be something like this:

![](https://support.b12.io/hs-fs/hubfs/Knowledge%20Base%20Import/downloads.intercomcdn.comio3094507674104c3160306fd7ee91148b6image.png?width=427&height=300&name=downloads.intercomcdn.comio3094507674104c3160306fd7ee91148b6image.png)<https://downloads.intercomcdn.com/i/o/309450767/4104c3160306fd7ee91148b6/image.png>

**Note:** Depending on your section style, captions may not display. Switch to a style that supports captions if you want them visible.

### Changing gallery layout

You can display your images in a grid or carousel, add a lightbox pop-up, or display text or captions with your images. For step-by-step guidance, see these articles:

- [Change your section layout](https://support.b12.io/en/articles/1723758-changing-section-layout?hsLang=en)
- [Adjust the number of columns](https://support.b12.io/en/articles/4951545-changing-the-number-of-columns-displayed-in-a-gallery-or-collection?hsLang=en)

Additional [customization options](https://support.b12.io/en/articles/5091051-customizing-your-section-layout?hsLang=en) includes:

- Adjust the alignment of your images
- Change the size of your images
- Customize the scrolling setting for a carousel/slider
- Customize your lightbox view

**See also:**

- [What kind of images can I use on my website?](https://support.b12.io/en/articles/4772910-what-kind-of-images-can-i-use-on-my-website?hsLang=en)
- [What image and video resolution should I use?](https://support.b12.io/en/articles/1732956-what-image-and-video-resolution-should-i-use-for-my-website?hsLang=en)
- [Permanently delete an image from your library](https://support.b12.io/en/articles/3487971-delete-an-image-from-the-library?hsLang=en) (advanced users only)

- [Getting started](https://support.b12.io/en/getting-started?hsLang=en#main-content)

    - [Introduction](https://support.b12.io/en/getting-started?hsLang=en#introduction)
    - [Detailed guides](https://support.b12.io/en/getting-started?hsLang=en#detailed-guides)
- [Working with B12's AI Agent](https://support.b12.io/en/working-with-b12s-ai-agent?hsLang=en#main-content)

    - [Agent Skills](https://support.b12.io/en/working-with-b12s-ai-agent?hsLang=en#agent-skills)
- [Built-in features](https://support.b12.io/en/built-in-features?hsLang=en#main-content)

    - [Visual edit](https://support.b12.io/en/built-in-features?hsLang=en#visual-edit)
    - [Code editor](https://support.b12.io/en/built-in-features?hsLang=en#code-editor)
    - [Data & users (Backends)](https://support.b12.io/en/built-in-features?hsLang=en#data-users-backends)
    - [Forms & submissions](https://support.b12.io/en/built-in-features?hsLang=en#forms-submissions)
    - [Commerce](https://support.b12.io/en/built-in-features?hsLang=en#commerce)
    - [Contact manager](https://support.b12.io/en/built-in-features?hsLang=en#contact-manager)
    - [eSignatures](https://support.b12.io/en/built-in-features?hsLang=en#esignatures)
    - [Email Marketing](https://support.b12.io/en/built-in-features?hsLang=en#email-marketing)
    - [Team](https://support.b12.io/en/built-in-features?hsLang=en#team)
    - [Analytics](https://support.b12.io/en/built-in-features?hsLang=en#analytics)
    - [Website settings](https://support.b12.io/en/built-in-features?hsLang=en#website-settings)
- [Adding functionality](https://support.b12.io/en/adding-functionality?hsLang=en#main-content)

    - [Third-party integrations](https://support.b12.io/en/adding-functionality?hsLang=en#third-party-integrations)
- [Publishing & growing](https://support.b12.io/en/publishing-growing?hsLang=en#main-content)

    - [Domains](https://support.b12.io/en/publishing-growing?hsLang=en#domains)
    - [Connecting your Domain](https://support.b12.io/en/publishing-growing?hsLang=en#connecting-your-domain)
    - [Managing Your Domain](https://support.b12.io/en/publishing-growing?hsLang=en#managing-your-domain)
    - [Email Forwarding & Sending](https://support.b12.io/en/publishing-growing?hsLang=en#email-forwarding-sending)
    - [Growth & Marketing](https://support.b12.io/en/publishing-growing?hsLang=en#growth-marketing)
- [Troubleshooting](https://support.b12.io/en/troubleshooting?hsLang=en#main-content)

    - [FAQs](https://support.b12.io/en/troubleshooting?hsLang=en#faqs)
- [Account & billing](https://support.b12.io/en/account-billing?hsLang=en#main-content)

    - [Account Login & Password](https://support.b12.io/en/account-billing?hsLang=en#account-login-password)
    - [Subscription & Payment Information](https://support.b12.io/en/account-billing?hsLang=en#subscription-payment-information)
    - [Your Account](https://support.b12.io/en/account-billing?hsLang=en#your-account)
    - [Managing Multiple Websites](https://support.b12.io/en/account-billing?hsLang=en#managing-multiple-websites)
    - [Multi-user](https://support.b12.io/en/account-billing?hsLang=en#multi-user)
- [Getting support](https://support.b12.io/en/getting-support?hsLang=en#main-content)

    - [Professional & Advanced Plan Support (B12 2.0)](https://support.b12.io/en/getting-support?hsLang=en#professional-advanced-plan-support-b12-2-0)
- [B12 2.0](https://support.b12.io/en/b12-2-0?hsLang=en#main-content)

    - [Website Structure and Content](https://support.b12.io/en/b12-2-0?hsLang=en#website-structure-and-content)
    - [Website Style & Design](https://support.b12.io/en/b12-2-0?hsLang=en#website-style-design)
    - [Sitewide Settings](https://support.b12.io/en/b12-2-0?hsLang=en#sitewide-settings)
    - [Using the B12 Editor](https://support.b12.io/en/b12-2-0?hsLang=en#using-the-b12-editor)
    - [Analytics & SEO](https://support.b12.io/en/b12-2-0?hsLang=en#analytics-seo)
    - [Integrations - General](https://support.b12.io/en/b12-2-0?hsLang=en#integrations-general)
    - [Integrations - Communication](https://support.b12.io/en/b12-2-0?hsLang=en#integrations-communication)
    - [Integrations - Language](https://support.b12.io/en/b12-2-0?hsLang=en#integrations-language)
    - [Integrations - Ecommerce](https://support.b12.io/en/b12-2-0?hsLang=en#integrations-ecommerce)
    - [Professional & Advanced Plan Features](https://support.b12.io/en/b12-2-0?hsLang=en#professional-advanced-plan-features)
    - [Troubleshooting & Resources](https://support.b12.io/en/b12-2-0?hsLang=en#troubleshooting-resources)
    - [Contact Forms](https://support.b12.io/en/b12-2-0?hsLang=en#contact-forms)
    - [Online Scheduling](https://support.b12.io/en/b12-2-0?hsLang=en#online-scheduling)
    - [Advanced Editing (Experts Only)](https://support.b12.io/en/b12-2-0?hsLang=en#advanced-editing-experts-only)

[![B12\_logo\_2025](https://support.b12.io/hs-fs/hubfs/B12_logo_2025.png?width=53&height=24&name=B12_logo_2025.png "B12_logo_2025")](https://www.b12.io)

© 2025 B12. All rights reserved.

<https://twitter.com/b12> <https://www.facebook.com/B12io> <https://www.youtube.com/@b12io> <https://www.instagram.com/b12io>

×