> For the complete documentation index, see [llms.txt](https://docs.rh-webdesign.com/cms-bundle/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.rh-webdesign.com/cms-bundle/en/sections-and-blocks/sections/fixed-background.md).

# Fixed Background

A simple effect to bring more depth to the layouts.

Fixing a background image in a section is a simple yet effective way to add depth and visual dynamics to your design. A fixed background image remains in a static position while the rest of the page content scrolls over it. This effect can be particularly impressive with large images or in hero sections (e.g., header sections).

{% hint style="info" %}
**What does this mean exactly?**

When you fix a background image, it stays in a static position within the user’s viewport. While the text and other content of the section scroll normally, the background image remains anchored in place. This creates a visual effect that distinguishes the section from others and draws attention.
{% endhint %}

### How to Fix a Background Image in a Section:

1. **Select Section:**\
   Choose the section where you want to use a fixed background image.
2. **Add Background Image:**\
   Upload a background image or select an existing image from the media library.
3. **Fix Background Image:**\
   Open the advanced section settings of the CMS Bundle and go to the ***Background*** area. Here you’ll find the option ***Fixed Background Image***. Enable this setting.

<figure><img src="https://118894700-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fhdsmo3ttoHQpDlitXnzA%2Fuploads%2FxYrT1nhAyGvohhnslEd4%2FBildschirmfoto%202024-10-07%20um%2018.06.43.png?alt=media&amp;token=f4d6c8ea-9cb7-46b0-95fb-381354348af0" alt=""><figcaption></figcaption></figure>