# Custom Text

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

To add this section, please follow below steps:

1. From your Shopify admin, go to **Online Store** **->** **Themes**.
2. Find the theme that you want to edit, and then click **Customize**.
3. Click **Add section** and choose "**Custom Text**".

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

## Section Settings

| Setting                                    | Description                                                                                                                   |
| ------------------------------------------ | ----------------------------------------------------------------------------------------------------------------------------- |
| Layout:                                    | Select the width layout of the section to be either default to the body's width, 1170px, 1770px or full screen width.         |
| Padding Container Full Width               | Determine the spacing of the left and right sides if the layout 'fullwidth' is selected.                                      |
| Spacing top - Desktop / Tablet / Mobile    | Determine the spacing of the section from the top on Desktop, Tablet and Mobile.                                              |
| Spacing bottom - Desktop / Tablet / Mobile | Determine the spacing of the section from the bottom on Desktop, Tablet and Mobile.                                           |
| Background Color                           | Set the Background Color for the whole section.                                                                               |
| Background Gradient                        | Set the Background Gradient for the whole section. If the gradient is none, then the background color will be applied if any. |
| Background Image                           | Upload/choose an image as the background for the section.                                                                     |
| Title                                      | Enter the title for the section.                                                                                              |
| Title Color                                | Set the title color for the section.                                                                                          |
| Title Font Size                            | Determine the font size of the section title on Desktop ranging from 10px to 50px.                                            |
| Title Font Size Mobile                     | Determine the font size of the section title on Mobile ranging from 10px to 50px.                                             |
| Title Margin Bottom                        | Determine the spacing of the title from the bottom.                                                                           |
| Enable Border Title                        | Enable to show the border below the title (as being underline)                                                                |
| Title Border Color                         | Set the border title color                                                                                                    |
| Description                                | Fill in the description text for the section.                                                                                 |
| Description Color                          | Set the color for description text.                                                                                           |
| Description Font Size                      | Determine the font size of the description text.                                                                              |
| Alignment                                  | Align content to be either to the left, right or center of the section.                                                       |
| Select Menu Text                           | Select the menu to show menu items as tags.                                                                                   |
| Grid Gap                                   | Determine the spacing between each menu item block.                                                                           |
| Padding Vertical                           | Determine the top and bottom padding of the menu item tag.                                                                    |
| Padding Horizontal                         | Determine the left and right padding of the menu item tag.                                                                    |
| Border Radius                              | Round the corners of the menu item tag.                                                                                       |
| Title Font Size                            | Determine the font size of the menu item in pixels.                                                                           |
| Color - Background color - Border Color    | Set the text color, border color and background color for the tag for both normal and hover states.                           |


---

# 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://halosoft.gitbook.io/bonnita-documentation/sections/all-sections-in-theme/custom-text.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.