> For the complete documentation index, see [llms.txt](https://docs.varbase.vardot.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.varbase.vardot.com/10.1.x/content-designers/about-layout-builder/block-layout/block-styles.md).

# Block Styles

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

### Background:

Users may add the block background as:

1. Color.
2. Image.
3. Video

<figure><img src="https://content.gitbook.com/content/0NVNo0YmQjrLSa4Sn1ic/blobs/jbFsJ4KZ92RosMlWvF5g/image.png" alt="" width="514"><figcaption><p>Block Background Style</p></figcaption></figure>

### Typography:

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

<figure><img src="https://content.gitbook.com/content/0NVNo0YmQjrLSa4Sn1ic/blobs/Guu7DKKaJ0rn0eqlVh1r/image.png" alt="" width="513"><figcaption><p>Block Typography Style</p></figcaption></figure>

### Spacing:

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

<figure><img src="https://content.gitbook.com/content/0NVNo0YmQjrLSa4Sn1ic/blobs/7lBnBNLXpe0OxHGJtMKL/image.png" alt="" width="497"><figcaption><p>Block Spacing 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="https://content.gitbook.com/content/0NVNo0YmQjrLSa4Sn1ic/blobs/5kW0WMFD1bCICUKrvKc5/image.png" alt=""><figcaption><p>Block 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="https://content.gitbook.com/content/0NVNo0YmQjrLSa4Sn1ic/blobs/7PR1sB2hgtrb4MAtKz56/image.png" alt=""><figcaption><p>Block Shadow Style</p></figcaption></figure>

### Animation:

Users can control the animation that the block will display.

<figure><img src="https://content.gitbook.com/content/0NVNo0YmQjrLSa4Sn1ic/blobs/58TJSDmXPyr1kKZKZT1R/image.png" alt=""><figcaption><p>Block Animation Style</p></figcaption></figure>