Scroll reveal banner
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 "Scroll reveal banner".
Section settings
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
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
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
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
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
Heading
The heading for this block.
Heading size
The size of the heading text:
Small
Medium
Large
Extra large
Space block
Padding
Controls the top and bottom inner spacing of the block. Adjustable from 0px to 150px in steps of 2px.
Button block
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
Last updated