# Padding

#### Overview

Padding serves as an essential tool for refining the aesthetics and readability of your design. The builder provides various padding options that can be customized for both rows and individual content blocks. 

#### Default Padding Features

By default, you can set the padding around an element for all sides simultaneously. <br>

<figure><img src="https://lh7-eu.googleusercontent.com/HOX1Z5hBDAvrkjNeZCPihzmtGrjQqsLlXA7pIa9nyIRJvgcvzI8F6gXnGS4HgwHmJVV6pJ-mMailC0tPWEhekXnqsz1Kv4_owudgkJjPkQiTFqDv-VommmBxkv-LqB_uW_j-eBKUyZ-FrIirrmFxerM" alt=""><figcaption></figcaption></figure>

To do so:

1. Select the element.
2. Use the padding options in the sidebar.

For a more nuanced approach, toggle on 'More options' to apply padding to each side individually.

#### Padding in Rows

<figure><img src="https://lh7-eu.googleusercontent.com/xDEEPKt2FPq86FWpqodfPfTTTBTidrcmNc1PEGv_vaxYDXee8T0tcrFNRvkZT2txHxIj0tLkccEcd4YaXKpuzPbE5ict7dUEUD-fG1GEfvSfX0DjLW-tstwGxtb_M3Ij8WKErDk6VRFrczgsCoD_MLE" alt=""><figcaption></figcaption></figure>

Column Level Padding:

* Locate 'Customize Columns' at the bottom of the sidebar after selecting a row.
* Apply padding here to impact the entire column within the row.

Consistency vs. Uniqueness:

* For multi-column rows, consistent padding across all columns is generally advised.
* However, individual padding settings can be applied to each column for a more varied look.

#### Padding in Content Blocks

<figure><img src="https://lh7-eu.googleusercontent.com/yljQqNP6U6YwbliiiXk_wSS8W_8uxz7FeILthXH5OyjXOPM6mHZw594rK8y917n7YjJPZPN_JAeil1Jc-dZQ94xJXNFTWKKcQKgSHqabn-9eVlnNx3U6makfzPdiqwuZxgErEWq5ilnbC4VnEGD9jtA" alt=""><figcaption></figcaption></figure>

General Padding:

* For most content blocks (except spacers), padding options are under 'Block options' in the sidebar.
* These settings affect the entire content block.

#### Special Cases: Content Blocks with Unique Padding Options

Buttons:

* Allows for content padding specific to the text inside the button.
* Useful for customizing button dimensions or text positioning.

Icons:

* Offers padding options only for the icon images within the block.
* Icons can combine both text and images in a single block

Menus:

* Provides padding options specifically between each menu item.

Forms:

* Only available in the Page builder.
* Allows for two additional padding options:
  * 'Field options' for text fields that can be filled out.
  * 'Button options,' similar to button padding for forms.


---

# 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.beefree.io/end-user-guide/design-tools/padding.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.