# Section Styles

Users can control the section style, background, borders, alignment, etc easily with Drupal while **adding** or **editing** the section as the following:

### Background:

Users may add the section background as:

1. Color.
2. Image.
3. Video

<figure><img src="/files/yBaeLsmHI0N3PVk9wK1H" alt=""><figcaption><p>Section Background Style</p></figcaption></figure>

Users also can control the background to fit the section width or edge-to-edge by clicking on the **Edge to Edge Background** checkbox.

### Typography:

Users can control the text color and alignment in the section.

<figure><img src="/files/p1tSNnUDRoCTBLWwuqmn" alt=""><figcaption><p>Section Typography Style</p></figcaption></figure>

### Spacing:

Users can control the section padding (inner space of the section) and margin (whitespace available surrounding the section)

<figure><img src="/files/w9vlTe1GqGLPWRm1FNYn" alt=""><figcaption><p>Section Spacing Style</p></figcaption></figure>

### Blocks alignment:

Users can control the horizontal and vertical alignment of the blocks inside the section.

<figure><img src="/files/Edniodo4pChp7oijaGJt" alt=""><figcaption><p>Section Blocks Alignment Style</p></figcaption></figure>

### Border:

Users can control the borders (full/specific edge) by choosing the border style, width, color, and radius.

<figure><img src="/files/og9UzkyuhymvrTaTobBq" alt=""><figcaption><p>Section Border Style</p></figcaption></figure>

### Shadow:

Users can control the section shadow type and have the ability to preview the option they choose.

<figure><img src="/files/bvo2mHOKtOcNPhBLyVBU" alt=""><figcaption><p>Section Shadow Style</p></figcaption></figure>

### Animation:

Users can control the animation that the section will display.

<figure><img src="/files/IBFKLBW9aYzmMH4K1Ltd" alt=""><figcaption><p>Section Animation Style</p></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://docs.varbase.vardot.com/10.0.x/content-designers/about-layout-builder/section/section-styles.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.