> For the complete documentation index, see [llms.txt](https://docs.maker.co/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.maker.co/maker-pages/advanced-features/add-a-background.md).

# Add a background

<figure><img src="/files/rQm9w1xeldC6q649Ecmo" alt=""><figcaption></figcaption></figure>

Add a background color

Add a background image

Add a background video

Changing the section background

Changing the textbox background

### Adding backgrounds

With Maker, you can add a background color, image or video to your story or specific section, as well as change the background color of textboxes using the contextual panel on the right.

To upload an image, video or color to the background of your story or grid, simply click inside the editor and select the background option on the right side panel. For story background, you will find the option under document settings and for section background, use the contextual panel on the right.

In the dropdown menu, select color, image or video.

Enter the color code, use the spectrum to manually select a color code. You can also adjust the transparency of the color selected.

<figure><img src="/files/88MUvhhgBjKgW68lCNUx" alt=""><figcaption></figcaption></figure>

Select 'Image' from the dropdown menu and upload an image for the background of your story or section.

When adding an image as a story background, the aspect ratio of the image used will be proportionally scaled to fit the entire story. Maker provides you with the option to repeat the image, as a patten, in the story background. Once you add an image to the story background, select the dropdown "size" and you will see the various options on how the image can be repeated. You can the choose the option that best fits your design.

Select 'Video' from the dropdown menu and enter the video link for the background of your story.

You can upload an mp4, youtube or Vimeo link as a background video. The advantage of using background videos (instead of uploading a video directly into the editor), is that it will scale proportionally inside a fixed area. So if you want your video to be a fixed size, using background videos is the way to go.

{% hint style="info" %}
Note: To ensure that your background video will autoplay on mobile, be sure to upload either an .mp4 or vimeo link. Also, do add a small thumbnail image for the video you are adding.
{% endhint %}

<figure><img src="/files/nM5AEEwRFd8EtiG2oQmy" alt=""><figcaption></figcaption></figure>

Follow the same workflow to change the background of your sections. Simply select a section and go the the background dropdown menu on the contextual panel.

<figure><img src="/files/Mj7uGsVfErDgrJ17EdfH" alt=""><figcaption></figcaption></figure>

Follow the same workflow to change the background of your textbox. Select the textbox and go the the background dropdown menu on the contextual panel. Here, you'll have the option to add a background image or background color.


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter, and the optional `goal` query parameter:

```
GET https://docs.maker.co/maker-pages/advanced-features/add-a-background.md?ask=<question>&goal=<endgoal>
```

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal.

The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.
