Scroll reveal banner

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 "Scroll reveal banner".

Section settings

Setting	Description
Direction	The title for this section.
Wrap	Style of the heading.
Gap	The size of the heading text: Small Medium Large Extra large
Align items	The alignment of the heading text and description within the section container: Left - Aligns the heading and description to the left. Center (default) - Aligns the heading and description in the center. Right - Aligns the heading and description to the right.
Justify content	The description for this section.

Appearance

Setting	Description
Color scheme	Set the color for the section.
Background media	Choose the style of background you’d like to use: None Image Video
Background overlay	Enable background overlay

Spacing

Setting	Description
Desktop left padding	Determines the width of the left inner space of the section on desktop. Can be from 0px to 100px, increasing arithmetically of 2px (pixel).
Desktop right padding	Determines the width of the right inner space of the section on desktop. Can be from 0px to 100px, increasing arithmetically of 2px (pixel).
Top padding	Determines the height of the top inner space of the section. Can be from 0px to 150px, increasing arithmetically of 2px (pixel).
Bottom padding	Determines the height of the bottom inner space of the section. Can be from 0px to 150px, increasing arithmetically of 2px (pixel).

---

Group block

Setting	Description
Layout	Layout for this section: Section container Full width
Color scheme	Set the color for the block.
Text alignment	The alignment of the text within the group: Left (default) - Aligns the text to the left. Center - Aligns the text in the center. Right - Aligns the text to the right.

Section padding

Setting	Description
Top padding	Determines the height of the top inner space of the block. Can be from 0px to 150px, increasing arithmetically of 2px (pixel).
Bottom padding	Determines the height of the bottom inner space of the block. Can be from 0px to 150px, increasing arithmetically of 2px (pixel).

---

Reveal text block

Setting	Description
Heading	The heading for this block.
Heading size	The size of the heading text: Small Medium Large Extra large

---

Space block

Setting	Description
Padding	Controls the top and bottom inner spacing of the block. Adjustable from 0px to 150px in steps of 2px.

---

Button block

Setting	Description
Button label	The text that displays on the button. Leave the label blank to hide the button.
Button link	The URL that you want the button to link to.
Button style	Style of the button: Filled Text link Outlined