Custom section
To add this section, please follow the 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 section".
Layout
Direction
Select the section width from the dropdown menu:
Vertical
Horizontal
Vertical on mobile
(Displayed if the Direction setting is set to Horizontal)
Select this checkbox to use a vertical on mobile for this section
Alignment
Set horizontal alignment for content inside section containers.
Left
Center
Right
Space between (Displayed if the Direction setting is set to Horizontal)
Position
Select desktop content position from the dropdown menu:
Top
Center
Bottom
Space between (Displayed if the Direction setting is set to Vertical)
Gap
Determines the row gap of link. Can be from 0px to 100px, increasing arithmetically of 1px (pixel).
Size
Width
Select the width from the dropdown menu:
Page
Full
Page width
(Displayed if the Width setting is set to Page)
Select the page width from the dropdown menu:
Narrow
Normal
Wibe
Height
Select the height from the dropdown menu:
Auto
Small
Medium
Large
Full screen
Custom
Custom height
Determines the maximum height of the image. Can be from 0% to 100%, in 1% arithmetic increments.
Appearance
Color scheme
Select a color scheme to set the text and background colors for the section
Background media
Select the background media from the dropdown menu:
None
Image
Video
Borders
Select the background media from the dropdown menu:
None
Solid
Border thickness
(Displayed if the Borders setting is set to Solid)
Set the width of an input's four borders. Can be from 0px to 10px, increasing arithmetically of 1px (pixel).
Border opacity
(Displayed if the Borders setting is set to Solid)
Sets the opacity level for an input's four borders. Can be from 0% to 100%, increasing arithmetically of 1%.
Corner radius
Set the radius of the corners. Can be from 0px to 40px, increasing arithmetically of 1px (pixel).
Background overlay
Select this checkbox to use a background overlay for this section
Overlay color
(Displayed if the Enable overlay setting is turned on)
Set the background color.
Overlay style
(Displayed if the Enable overlay setting is turned on)
Select the gradient direction from the dropdown menu:
Solid
Gradient
Gradient direction
(Displayed if the Overlay style setting is set to Gradient)
Select the gradient direction from the dropdown menu:
Up
Down
Padding
Top
Determines the height of the top inner space of the section. Can be from 0px to 100px, increasing arithmetically of 1px (pixel).
Bottom
Determines the height of the bottom inner space of the section. Can be from 0px to 100px, increasing arithmetically of 1px (pixel).
Last updated