Parallax split

Section settings

General settings

Setting	Description
Section width	3 options for container Stretch width: span the section width regardless of screen size. Fix width: depends on your page content width in Theme settings -> Layout. Expand full width: takes up the entire space on the page and it usually resizes itself to fit the size of the screen.
Color scheme	Choose colors from the predefined palette in Colors to ensure consistency with your store’s overall design scheme.

Image

Setting	Description
Image	Upload desired image (696px x 500px recommended)
Image width	Customize the size of the image
Desktop image position	2 options for desktop image position Left Right

Parallax image

Setting	Description
Image 1	Upload desired image
Image 2	Upload desired image
Image 3	Upload desired image
Image 4	Upload desired image

Content settings

Setting	Description
Desktop vertical alignment	3 options for the desktop content position Top Middle Bottom
Content alignment	3 options for the content alignment Left Center Right

Section padding

Setting	Description
Top	Customize the top margin of the section
Bottom	Customize the bottom margin of the section

Section divider

Setting	Description
Show divider	Toggles the visibility of a horizontal divider line within the section.

Block settings

Heading, Subheading, Description

Setting	Description
Heading, Subheading, Description	Custom title block
Width	2 options for content's width: Fit Fill
Typography - Preset	This element inherits the font preset defined in the theme settings, ensuring consistent typography across the storefront.
Background	Toggle this setting to make the background options visible and configurable for this section.
Background color	Defines the background color for this section.
Corner radius	Adjust this value to create sharp or rounded edges, enhancing the visual style of the component.
Padding top/bottom	Adjust these values to control the amount of space between the section’s content and its outer edges.

Button

Setting	Description
Button label	Custom name button, if left empty, the button will be hidden
Button link	The link URL you want to add
Button type	The style of the button Primary Outline Link
Spacing bottom	Spacing between the button and the next component

Highlight text

Setting	Description
Subheading	Custom title block
Size	The size of highlighted content
Select icon	Choose the icon to show along with the highlighted content
Background color	Setting the background color
Text color	Setting the content color
Uppercase	Uppercasing the highlighted content
Spacing bottom	Spacing between the highlighted content and the next component