How to find these settings...
- Online Store
- Customize (Theme Editor)
- Top, middle dropdown
- Blog posts
Recommended reading
In this section...
Settings
Enable heading
To accommodate customizations using other sections and headings, you can opt to exclude the default heading
Use h1 tag
For SEO purposes, set the 'Heading' to use an h1 tag. NOTE: This should only be used once per page
Heading size
Set the heading size with the slider. 12px is the minimum, and it steps up by 6 to a maximum of 96px
Show image
The article featured image is used on the blog category page. The lead article background image dimensions depend on 2 options:
- Whether the Blogs Settings is full width or container width
- The height will depend on your Blogs Settings 'Height' settings
Setting
Desktop Width
Minimum Image Width
Full width checked
100%
1900px
Full width unchecked
1180px
1180px
Show author
Display the author of the post
Show date
Options for the date format can be changed here
Show 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
Show recent posts
If the blog category contains more than 1 post, you can display them in the sidebar
Recent posts
Display up to 5 of your recent posts. 1 is the minimum, and it steps up by 1 to a maximum of 4
Show tags
If an article contains tags, they will be displayed below the content
Show share buttons
Provide options for your users to share your post to Facebook, Twitter & Pinterest
Section
Lazy load images *
Disable for "above the fold" images. Enable for any image that is not visible on the initial page load
Background color
Choose a custom color for the background
Background gradient
Choose a custom gradient for the background
MOBILE
Top padding
Add padding to the top of the section on screens less than 768px 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 768px 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 768px 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 768px 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 768px 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 768px 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'
* May not be available in all Sections
* NOTE: May not be available on all sections, blocks or templates