> For the complete documentation index, see [llms.txt](https://halosoft.gitbook.io/bonnita-documentation/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://halosoft.gitbook.io/bonnita-documentation/sections/all-sections-in-theme/custom-text.md).

# 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.                           |