How to find these settings...
- Online Store
- Customize (Theme Editor)
- Top, middle dropdown
- Others
- Password
Recommended reading
In this section...
Logo
When possible, it is always best practice to use a PNG file for your logos. JPEG may reduce file size, but they will also reduce clarity and you want your brand looking sharp. Roam will accommodate wide or tall logos, but a landscape format is recommended
Image
It is recommended to use an image width double the 'Max logo width' setting to keep your logos sharp
Max logo width
The slider provides a minimum of 40px wide to a max of 400px with 5px steps in between
Text
Enable heading
For SEO purposes, you can choose to disable this heading, and add an h1 tag to another section
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 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
Options
Enable social sharing
Customers can be provided options to share to their social media channels. Social options are set in Settings > Social Media
Show newsletter signup
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
Title
Summarize what customers signing up for
Text
A text block for basic formatting including bold, italic, formatted lists & linked text
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'