Custom Text
To add this section, please follow below steps:
From your Shopify admin, go to Online Store -> Themes.
Find the theme that you want to edit, and then click Customize.
Click Add section and choose "Custom Text".
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. |
Last updated
