How to find these settings...
- Online Store
- Customize (Theme Editor)
- Add section
- Map
Recommended reading
In this section...
Section height
Section height
Mobile
The height is based on a percentage of the width of the container. 25% is the minimum, and it steps up by 1 to a maximum of 100%
Desktop
The height is based on a percentage of the width of the container. The execption is if DESKTOP is set to 'Full width', then its is a percentage of the height of the screen. 25% is the minimum, and it steps up by 1 to a maximum of 100%
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
Show address and hours border
Add a border between the headings and the address
Address and hours
Use the text block formatting to style the address using bold, italic, formatted lists & linked text
MOBILE
Mobile layout
Position the map or image above or below the address when the container is less than 640px wide
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
DESKTOP
Full width
The option of being as wide as the screen or only as wide as the content container
Desktop layout
The text container can be positioned within the section or to either side when the container is greater than 640px wide
Text width
Set the width of the text within the available container. 25% is the minimum, and it steps up by 1 to a maximum of 100%
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
Background color
Choose a color to be applied to help the text clarity
Background color gradient
Choose a gradient to be applied to help the text clarity
Text background opacity
When a Text 'Background color' has been selected, control the opacity with the slider. 0% is the minimum, and it steps up by 1 to a maximum of 100%
Overlay
Background color
Choose a color to be be applied to maps & background images to help the text clarity
Background gradient
Choose a gradient to be be applied to maps & background images to help the text clarity
Overlay opacity
When a Overlay 'Background color' has been selected, control the opacity with the slider. 0% is the minimum, and it steps up by 1 to a maximum of 100%
Map
Map address
Google Maps will find the exact location
Google Maps API key
You'll need to register a Google Maps API Key to display the map
Use custom map colors
By default, the standard Google Maps color scheme will be used
Map foreground & background colors
The default Google Maps colors will be replaced with a 2 tone color scheme
Zoom
1 is the minimum, and it steps up by 1 to a maximum of 6
Image
Lazy load image(s)
Disable for "above the fold" images. Enable for any image that is not visible on the initial page load
Desktop image
The desktop image will be displayed when the container is greater than 640px wide. NOTE: Background images can use Focal Points to specify the main focus of the image. Learn more about Focal Points
Insta filter
App like filters can be applied to your images
Mobile image
The mobile image will be displayed when the container is less than 640px wide. NOTE: Background images can use Focal Points to specify the main focus of the image. Learn more about Focal Points
Insta filter
App like filters can be applied to your images
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'