# Custom Text

<figure><img src="https://3284033180-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fag3h7ZduRGWlquTgGUHi%2Fuploads%2Fo6zt1LVtPOUWAaofchWQ%2Fcustom%20text.jpg?alt=media&#x26;token=61bcdfd3-6231-40d8-9aab-dcbb84801df7" 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="https://3284033180-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fag3h7ZduRGWlquTgGUHi%2Fuploads%2FkfvqB1JgRWTd2vSMzzmH%2Fcustom%20text.gif?alt=media&#x26;token=35ddbfaf-b2a1-4815-ac94-9c4bc9405af6" alt=""><figcaption></figcaption></figure>

## Section settings

### General

<table><thead><tr><th width="372">Settings</th><th>Meaning</th></tr></thead><tbody><tr><td>Layout</td><td>Select the layout width of the whole section. The options are: Default (same as the body width), 1170px, 1770px, Full Width (the 100% of the viewport width).</td></tr><tr><td>Padding Container Full Width</td><td>Determine the left and right spacing of the Full Width layout.</td></tr><tr><td>Background Image</td><td>Select/Upload an image as the section background.</td></tr><tr><td>Spacing Top / Spacing Bottom on Desktop, Tablet, Mobile</td><td>Determine the spacing of the section from its top and bottom sections on Desktop, Tablet and Mobile separately.</td></tr><tr><td>Background Color</td><td>Apply Color on the background of the section.</td></tr><tr><td>Background Gradient</td><td>Apply Color on the background gradient of the section.</td></tr><tr><td>Background Image</td><td>Upload / Select an image as the section background.</td></tr></tbody></table>

### Section

| Settings               | Meaning                                                                                      |
| ---------------------- | -------------------------------------------------------------------------------------------- |
| Title                  | Enter the title for the section.                                                             |
| Title Color            | Apply color on the section title.                                                            |
| Title Font Size        | Specify the font size of the title.                                                          |
| Title Font Size Mobile | Specify the font size of the title on mobile.                                                |
| Description            | Enter the description for the section.                                                       |
| Description Color      | Apply color on the section description.                                                      |
| Description Font Size  | Determine the font size of section description.                                              |
| Alignment              | Select the alignment of the title and description to be either to the left, right or center. |

###

### Settings for blocks

| Settings                                                                                                                                                                                  | Meaning                                                                                               |
| ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ----------------------------------------------------------------------------------------------------- |
| Select Menu Text                                                                                                                                                                          | Select a menu to show its menu items as tags.                                                         |
| Grid Gap                                                                                                                                                                                  | Determine the gap between menu items.                                                                 |
| Padding Vertical                                                                                                                                                                          | Determine the top and bottom padding of the menu items.                                               |
| Padding Horizontal                                                                                                                                                                        | Determine the left and right padding of the menu items.                                               |
| Border Radius                                                                                                                                                                             | Specify the roundness of menu items' border.                                                          |
| Title Font Size                                                                                                                                                                           | Determine the font size of menu item text.                                                            |
| Color - Border Color - Background Color - Background Gradient - Hover / Active Color - Hover / Active Border Color - Hover / Active Background Color - Hover / Active Background Gradient | Apply colors on the menu item text, background and border for both normal and hovered/clicked states. |
