How to find these settings...
- Online Store
- Customize (Theme Editor)
- Top, middle dropdown
- Blogs
- Blog page
Recommended reading
In this section...
Settings
Lazy load image(s)
Disable for "above the fold" images. Enable for any image that is not visible on the initial page load
Featured
Image height
The image has 4 options for display:
- Small: The image will be 25% of the height of the screen
- Medium: The image will be 35% of the height of the screen
- Tall: The image will be 50% of the height of the screen
- Original aspect ratio: Uses the height of the image
Focal point
Similar to setting a focal point on a theme image, background images can specify the main focus of the image
Insta filter
App like filters can be applied to your images
Show author
Display the author of the post
Show date
Options for the date format can be changed in Settings > General
Heading size
Set the heading size with the slider. 18px is the minimum, and it steps up by 6 to a maximum of 240px
Excerpt/Description limit
Limit the excerpt text. 0 is the minimum, and it steps up by 1 to a maximum of 100
Mobile Text/Heading alignment
Text can be aligned to the left, right or centered to the container on screens less than 768px wide
Desktop Text/Heading alignment
Text can be aligned to the left, right or centered to the container on screens larger than 768px wide
Style
Choose 1 of 3 styles:
- Text
- Primary button
- Secondary button
Show social sharing
Customers can be provided options to share to their social media channels. Social options are set in Settings > Social Media and will be displayed below the content
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
Articles
Number of articles
Set the number of articles per category page. 2 is the minimum, and it steps up by 1 to a maximum of 20
MOBILE
Number of mobile columns
The number of columns displayed on a screens less than 768px wide. 1 is the minimum, and it steps up by 1 to a maximum of 3
Mobile padding
Add padding between the posts on screens less than 768px wide. 10px is the minimum, and it steps up by 10 to a maximum of 60px
DESKTOP
Number of desktop columns
The number of columns displayed on a screens larger than 768px wide. 2 is the minimum, and it steps up by 1 to a maximum of 5
Desktop padding
Add padding between the posts on screens larger than 768px wide. 10px is the minimum, and it steps up by 10 to a maximum of 60px
Options
Show border
Add a 1px border to the content
Image height
The image has 4 options for display:
- Small: The image will be 25% of the height of the screen
- Medium: The image will be 35% of the height of the screen
- Tall: The image will be 50% of the height of the screen
- Original aspect ratio: Uses the height of the image
Focal point
Similar to setting a focal point on a theme image, background images can specify the main focus of the image
Insta filter
App like filters can be applied to your images
Show author
Display the author of the post
Show date
Options for the date format can be changed in Settings > General
Excerpt/Description limit
Limit the excerpt text. 0 is the minimum, and it steps up by 1 to a maximum of 100
Mobile Text/Heading alignment
Text can be aligned to the left, right or centered to the container on screens less than 768px wide
Desktop Text/Heading alignment
Text can be aligned to the left, right or centered to the container on screens larger than 768px wide
Text color
Choose a custom color for the text
Text color hover
Choose a custom color for the text hover
Button text color *
Choose a custom color for the button text hover
Line color
Choose a custom color for the lines and borders
Section
Show image sizes *
Displays the minimum recommended width for each image. If applicable, the height* will display after the width. Size is displayed in the Theme Customizer only, customers will not see this.
* NOTE: Height is approximate, and the actual height is dependent on the individual screen. Learn more
Full width *
The option of being as wide as the screen or only as wide as the content container
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 768px wide. Padding is applied to the inside of the container. 0px is the minimum, and it steps up by 5 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 5 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. -240px is the minimum, and it steps up by 5 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 5 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 5 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. -240px is the minimum, and it steps up by 5 to a maximum of 60px
Add a bottom border
A 1px border will be added between the 'Bottom padding' and the 'Bottom margin'
* NOTE: May not be available on all sections, blocks or templates