# About Brand

The **About Brand** section is designed to tell your brand’s story through a combination of imagery, text, and optional iconography. It's a versatile layout that allows you to visually and textually express brand values, background, or mission. This section can be added, removed, and repositioned within templates.

This section can be **added, removed, and rearranged** within any template.

<figure><img src="https://content.gitbook.com/content/9icwdCUv3B94Yb9tmqHW/blobs/4QEeCxvzvWAws0b4k9Vo/image.png" alt=""><figcaption></figcaption></figure>

***

#### How to Configure the About Brand

1. In Shopify admin, go to **Online Store → Themes**.
2. Click **Customize** next to the **Elemento** theme.
3. In the theme editor, navigate to the desired page template (e.g., Home page) using the top preview dropdown.
4. In the left sidebar, click **Add section**, then select **About Brand**, or locate it if it’s already added.
5. Add your content such as brand description, images, mission statement, or other relevant information.
6. You can **drag and drop** this section to reorder it on the page.
7. Click **Save**.

#### Section Settings

| **Setting**      | **Type**              | **Description**                                             |
| ---------------- | --------------------- | ----------------------------------------------------------- |
| **Color scheme** | Color scheme selector | Apply a predefined style for background, text, and accents. |

**Section Padding**

| **Device**  | **Setting** | **Type** | **Description**                                           |
| ----------- | ----------- | -------- | --------------------------------------------------------- |
| **Desktop** | Top         | Range    | Adjust the top spacing of the section for desktop layout. |
| **Desktop** | Bottom      | Range    | Adjust the bottom spacing of the section for desktop.     |
| **Mobile**  | Top         | Range    | Adjust the top spacing of the section for mobile layout.  |
| **Mobile**  | Bottom      | Range    | Adjust the bottom spacing of the section for mobile.      |

***

#### Section Blocks

**Image Block**

| **Setting** | **Type**                | **Description**                       |
| ----------- | ----------------------- | ------------------------------------- |
| **Image**   | Image uploader          | Upload the brand-related image.       |
| **Size**    | Select (Default, Small) | Choose the display size of the image. |

**Rotation**

| **Setting**   | **Type**                             | **Description**                              |
| ------------- | ------------------------------------ | -------------------------------------------- |
| **Angle**     | Range                                | Rotate the image by a specific degree value. |
| **Direction** | Select (Clockwise, Counterclockwise) | Choose the rotation direction.               |

**Icon**

| **Setting**             | **Type**             | **Description**                               |
| ----------------------- | -------------------- | --------------------------------------------- |
| **Show icon**           | Checkbox             | Toggle display of an additional icon.         |
| **SVG Icon**            | HTML input           | Paste SVG code for the icon.                  |
| **Image**               | Image uploader       | Alternatively, upload an image icon.          |
| **Horizontal position** | Select (Left, Right) | Set icon alignment within the block.          |
| **Vertical position**   | Select (Top, Bottom) | Set icon vertical placement within the block. |

***

**Text Block**

| **Setting** | **Type**  | **Description**                                 |
| ----------- | --------- | ----------------------------------------------- |
| **Text**    | Rich text | Add the brand description or messaging content. |

**Link**

| **Setting** | **Type**  | **Description**                                                |
| ----------- | --------- | -------------------------------------------------------------- |
| **Label**   | Text      | Label for the link. Leave empty to hide the button entirely.   |
| **URL**     | URL field | Add the destination link (e.g., collection, product, or page). |