Custom Text
Last updated
Last updated
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".
Settings | Meaning |
---|---|
Layout | 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). |
Padding Container Full Width | Determine the left and right spacing of the Full Width layout. |
Background Image | Select/Upload an image as the section background. |
Spacing Top / Spacing Bottom on Desktop, Tablet, Mobile | Determine the spacing of the section from its top and bottom sections on Desktop, Tablet and Mobile separately. |
Background Color | Apply Color on the background of the section. |
Background Gradient | Apply Color on the background gradient of the section. |
Background Image | Upload / Select an image as the section background. |
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 | 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. |