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