---
title: Changing a background image or video [B12 2.0]
description: How to add or change the background media for a section.
---

[Skip to content](https://support.b12.io/en/v2/changing-a-background-image-or-video#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)

# Changing a background image or video \[B12 2.0\]

## Learn how to add or change the background media for a section.

| ![](https://support.b12.io/hs-fs/hubfs/me-webp-3-webp-Sep-25-2024-06-06-58-2066-PM.webp?width=60&height=60&name=me-webp-3-webp-Sep-25-2024-06-06-58-2066-PM.webp) Written by: Madeline B. Last updated: 11 Sep., 2025 |
| --- |

You can add a background image or video to any section of your website. Upload your own media or choose from thousands of stock photos directly in the B12 Editor.

### Changing your website background

1\. On the left sidebar menu, go to `Website` **\>** `Pages`. 

2\. Select the page, then choose the section where you want to change the background. You can do this by clicking the section in the preview or selecting the section name in the left sidebar.

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

3\. In the **Background media** field, click `Replace` (just below the small preview of your current background).

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

To remove your background entirely, click the `ⓧ` in the top-right corner of the preview.

4\. From the **Library**, scroll through your existing media, select the image or video you want, then click `Continue`.

#### To use an image or video you own

- - Click `Upload media`, select a file from your computer, then click `Continue`. 
          - Maximum upload size: 75 MB.
          - [See recommended image and video formats.](https://support.b12.io/migrated/en/articles/1732956-what-image-and-video-resolution-should-i-use-for-my-website?hsLang=en)

![](https://support.b12.io/hs-fs/hubfs/image-png-Sep-10-2025-08-49-59-6833-PM.png?width=250&height=321&name=image-png-Sep-10-2025-08-49-59-6833-PM.png)

​**Note:** Videos have a small camera icon in the lower right corner.

#### To use a stock image from B12's built-in link to Pexels

- - Click `Search`, enter a keyword, select an image, then click `Continue`.

![](https://support.b12.io/hs-fs/hubfs/image-png-Sep-10-2025-08-51-51-0726-PM.png?width=250&height=346&name=image-png-Sep-10-2025-08-51-51-0726-PM.png)

#### To generate an image using AI Assist

- - Type a short image description, then select the type and style you prefer.

![](https://support.b12.io/hs-fs/hubfs/image-png-Sep-10-2025-08-53-40-3713-PM.png?width=250&height=304&name=image-png-Sep-10-2025-08-53-40-3713-PM.png)

#### **Background Media Tips:**

- **Keep it simple:** Images/videos that are not busy (fewer details and colors, less contrast, etc.) work best as backgrounds—making sure your text is legible and easy to read.

- **Consider screen size:** Choose an image that will look good on multiple screen sizes. On desktop screens, your image may be shown in landscape orientation, while on mobile screens, your image will likely be shown in portrait orientation. Thus, if the focus of your image is toward the center of the frame, it will look great on both mobile and desktop screens!

- **Ditch the text:** We don't recommend adding background images with text on them. For SEO reasons and to make sure your site is fully responsive and accessible, all text should be added to the appropriate text field in your section.

**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)
- [What to do when your video is too big](https://support.b12.io/en/articles/4708972-what-to-do-when-your-video-is-too-big?hsLang=en)

- [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>

×