Custom section

To add this section, please follow the 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 section".

Layout

Setting	Description
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

Setting	Description
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

Setting	Description
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

Setting	Description
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).