How to find these settings...
- Online Store
- Customize (Theme Editor)
- Add section
- Newsletter
Gather users emails and permission to market to them. When they sign up, a customer account will be created for them and it will include the marketing opt in
In this section...
Text
Heading
Title of the section or feature
Use h1 tag
For SEO purposes, set the 'Heading' to use an h1 tag. NOTE: This should only be used once per page
Heading outline
Text defaults to the solid state, but can be customized with 3 outline thicknesses
Heading size
Set the heading size with the slider. 18px is the minimum, and it steps up by 6 to a maximum of 96px
Subheading
Secondary title of the section or feature
Subheading outline
Text defaults to the solid state, but can be customized with 3 outline thicknesses
Subheading size
Set the heading size with the slider. 18px is the minimum, and it steps up by 6 to a maximum of 96px
Text alignment
Text can be aligned to the left, right or centered to the container
Text color
Choose a custom color for the text
Text color hover *
Choose a custom color for the text hover
Line color *
Choose a custom color for the lines and borders
* May not be available in all Sections or Pages
Text column width
Based on a 4 column design. Example is 1 column = 25% of the container width. 1 is the minimum, and it steps up by 1 to a maximum of 4
Image
Lazy load image(s)
Disable for "above the fold" images. Enable for any image that is not visible on the initial page load
Image
Use the image picker to select an image
Insta filter
App like filters can be applied to your images
Desktop image alignment
Position the image to the left or the right when the container is greater than 768px wide
Mobile image alignment
Position the image above or below when the container is less than 768px wide
Section
Background color
Choose a custom color for the background
Background color gradient
Choose a custom gradient for the background
MOBILE
Top padding
Add padding to the top of the section on screens less than 640px wide. Padding is applied to the inside of the container. 0px is the minimum, and it steps up by 10 to a maximum of 60px
Bottom padding
Add padding to the bottom of the section on screens less than 640px wide. Padding is applied to the inside of the container. 0px is the minimum, and it steps up by 10 to a maximum of 60px
Bottom margin
Add a margin to the bottom of the section on screens less than 640px wide. Margins are applied to the outside of the container. 0px is the minimum, and it steps up by 10 to a maximum of 60px
DESKTOP
Top padding
Add padding to the top of the section on screens larger than 640px wide. Padding is applied to the inside of the container. 0px is the minimum, and it steps up by 10 to a maximum of 60px
Bottom padding
Add padding to the bottom of the section on screens larger than 640px wide. Padding is applied to the inside of the container. 0px is the minimum, and it steps up by 10 to a maximum of 60px
Bottom margin
Add a margin to the bottom of the section on screens larger than 640px wide. Margins are applied to the outside of the container. 0px is the minimum, and it steps up by 10 to a maximum of 60px
Add a bottom border
A 1px border will be added between the 'Bottom padding' and the 'Bottom margin'