# Separator

With our new preset called Morning we presented this section which gives you the ability to separate your sections with more custom separators and to give a little more crafted look of your store. 

With these separators you can add more air/spacing between your sections and still make the spacing look balanced.

**Example:**

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

The available settings are:

Size

Here you can specify the section/seperator height in case you use a Blank or Custom separator.

**Background style**

This will inherit the background color from the style in case the overlaying is disabled. It's useful when you want to keep the spacing between the sections and match the sections background.

**Style**\
The available options are: Angular lines, Triangles, Arrows, Waves, Custom, Blank

**Shape color**\
This is only applicable for shapes different from Custom. This field will make your lines/triablgles/arrows/waves with the color you pick.

**Overlay sections**\
Here you can pick if you want the separator to overlay the previous and the next section or NOT.\
For example, if you choose "Previous and next sections" - the separator will step in a bit into the previous and next sections. If you pick "None" it will stay as a separate section between them.

**Example with overlaying:**

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

**Example with overlay: none**

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

### Blank separator

This can be used to simply add empty space between sections. You can choose different height for desktop and mobile.

### Custom separator

To use this you need to pick the Shape to be "Custom".

This will allow you to add your custom separators. Note: **we recommend uploading transparent PNG files with elements that are easy to repeat with good pattern**.

The height fields manage how tall the repeater element should be and it will also impact the times it's repeated on the page. The bigger height you set - the less times it will be repeated.

Example of usage the custom separator:

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


---

# Agent Instructions: 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:

```
GET https://bigstart.gitbook.io/marble-documentation/content-sections/separator.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
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.