> ## Documentation Index
> Fetch the complete documentation index at: https://docs.zonely.gen.tr/llms.txt
> Use this file to discover all available pages before exploring further.

# Background

> Select separate background images for upper partition, bright appearance and dark appearance.

Page Creative **background** open the part. Three visual areas are independent of each other; use their own tools of the space you want to change.

[![Header background, Bright background, Dark background](https://mintcdn.com/zonely-a8cd49e7/VcGJjK7LclDv4BqR/images/panel/page-builder-guide-20261025/09-arka-plan-en.png?fit=max\&auto=format\&n=VcGJjK7LclDv4BqR\&q=85\&s=8ea6702d75d5298a4405d25413d23ae3)](https://docs.zonely.gen.tr/images/panel/page-builder-guide-20261025/09-arka-plan-en.png)

> [card] 1. Header background
>
> Change the visual in the top of the page here.

> [card] 2. Bright background
>
> Select a separate visual for open view.

> [card] 3. Dark background
>
> Edit the visual of the dark view independently.

## Select which area you can change

**Header Background Image**visuals used in the upper part of the site. **Bright Tone Background** open view, **Dark Tone Background** the background visual of the dark view.

You do not want to choose a picture from the other two areas. For example, you can use a darker visual in the lighter, darker look.

## Add or modify the visual

1. Related Area **File Select** Press the button or **library** Select a visual.
2. If necessary **Crop** Set the section to be used with the tool.
3. Check the logo, menu and text on your visual.
4. Checking and dark appearance separately **Save All** complete with.

Reopen the selective of the same area to use another visual. **Clear**removes the visual selection of that area. After all visible floor [Colors](https://docs.zonely.gen.tr/en/guides/page-builder/colors.md) body color in the section can also affect.

## Check the photo's cadance

The large desktop and narrow phone screen can change the display section that looks visual. Don’t leave important details on the edges of the screen. Check if you have logo or font in the top section, this area is left from the background.

Remove or modify a visual, do not delete all the visuals installed on the site; in this section you organize the background space you choose.


This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.