> For the complete documentation index, see [llms.txt](https://kitisummus.gitbook.io/molla/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://kitisummus.gitbook.io/molla/things-to-know/space-settings.md).

# Space settings

Each section comes with its own spacing parameter.

{% hint style="info" %}
You can adjust the width, background color, display only on desktop or mobile, margin, padding, ...
{% endhint %}

![](https://1592055530-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MLM_O6jG_2F5SzhLVjb%2F-MLRaBCrUCPnVzQt0b0s%2F-MLRg02fQWw5JhkLZYrF%2FScreenshot_23.jpg?alt=media\&token=84800ab3-7e8e-42c2-a6bf-f46ffd0eae98)

1. Title: Name section (in editor bar)
2. Turn off on mobile? - Not displayed on mobile.
3. Turn off on desktop? - Not displayed on desktop.

## Width

The section's maximum width and the section's content.

![](https://1592055530-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MLM_O6jG_2F5SzhLVjb%2F-MLRg1krnEgthINyBU1i%2F-MLRixZixieEfELfxrKU%2FScreenshot_25.jpg?alt=media\&token=1aff2a13-f64e-4f60-af0d-bf3dd5c70a00)

## Margin + Padding

Buffer between sections

![](https://1592055530-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MLM_O6jG_2F5SzhLVjb%2F-MLRg1krnEgthINyBU1i%2F-MLRkWzcyp_bv_znuCsg%2FScreenshot_26.jpg?alt=media\&token=494a154d-423a-4356-9a2a-e3caf756a8ac)

## Responsive

Use "**|**" between parameters so that you can customize the distance according to different screen sizes

Ex: Margin top

```
2.5rem|3rem|3.5rem|4rem|4.5rem|5rem|5.5rem
```

Result css:

```
.content_ {
    margin-top: 2.5rem
}
@media (min-width: 320px){
    margin-top: 2.5rem
}
@media (min-width: 576px){
    margin-top: 3.5rem
}
@media (min-width: 768px){
    margin-top: 4rem
}
@media (min-width: 992px){
    margin-top: 4.5rem
}
@media (min-width: 1200px){
    margin-top: 5rem
}
@media (min-width: 1400px){
    margin-top: 5.5rem
}
```

{% hint style="warning" %}
What is Rem?
{% endhint %}

{% content-ref url="/pages/-MLRcsw4oBkdi7jSszdp" %}
[Unit (rem)](/molla/things-to-know/unit.md)
{% endcontent-ref %}

## Background Settings

Configure background color or background image

![](https://1592055530-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MLM_O6jG_2F5SzhLVjb%2F-MLRkYQR9Y-BJ9YcM3-7%2F-MLRmVFAG-enO3QwK66Y%2FScreenshot_27.jpg?alt=media\&token=c7f26bf9-5483-438c-bfb1-9e773524a6f8)