> For the complete documentation index, see [llms.txt](https://docs.jollyany.co/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.jollyany.co/templates/travelami/fqas/how-to-change-a-sections-background-image.md).

# How to change a section's background image

Changing the background image of a page section is the same as changing the breadcrumb image. We can handle it easily in a layout builder.&#x20;

<figure><img src="https://3301969549-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoBBXF4uM9fQS8Kd3Rdft%2Fuploads%2FxwmTfe7CAHNKBcdBXnK1%2Ftravel-section-background.jpg?alt=media&amp;token=1b35b5c6-63cd-4196-b476-c323f85c7b71" alt=""><figcaption><p>Background image in a section</p></figcaption></figure>

First, define the correct section in the layout, and edit the section > Design settings tab > Change the background image&#x20;

<figure><img src="https://3301969549-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoBBXF4uM9fQS8Kd3Rdft%2Fuploads%2FwAZn3lM8BCA3x2czE5Um%2Ftravel-edit-section.jpg?alt=media&amp;token=387052e4-3617-480c-8328-6b6e9ba728a6" alt=""><figcaption><p>Edit the section</p></figcaption></figure>

<figure><img src="https://3301969549-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoBBXF4uM9fQS8Kd3Rdft%2Fuploads%2FqDsotcZnIqEI8NNDajLn%2Ftravel-change-section-bg-img.jpg?alt=media&amp;token=79afbdfe-015f-4d47-8e1a-809d648e0028" alt=""><figcaption><p>Change the background image of the section. </p></figcaption></figure>
