Featured blog posts
Helps you display feature blog posts in a slider or grid layout easily.
1. Open the existing section
From your Shopify admin, go to Online Store > Themes.
Find the theme that you want to edit and click Customize.
Click the Blog posts section.
2. Add a Blog posts section to your home page
From your Shopify admin, go to Online Store > Themes.
Find the theme that you want to edit and click Customize.
Click Add section > Blog posts > Add.
Use the settings to customize your Blog posts section.
Click Save.
3. Settings
Background
Enable: turn on/off the background.
Pick a color: choose a color to set the background color. If the background is empty, the background color will be displayed.
Background image: pick or upload your image to display it as the background image.
Background size: set the size of the background image.
Background style: set the style of the background image.
Section gutters
Enable top gutter: turn on/off the space distance on the top of the section.
Enable small top gutter: turn on/off the small space distance on the top of the section.
Enable bottom gutter: turn on/off the space distance on the bottom of the section.
Enable small bottom gutter: turn on/off the small space distance on the bottom of the section.
General settings
Featured image: pick or upload your image to display it as the feature image beside the blog articles.
Heading: add the heading blog.
Blog: select a blog to display the blog article list.
Posts: drag & drop values to display quantity post on the screen.
Wide display: turn on/off displaying the section in the wider layout(still keep the gutter on the left and right).
Colors
Config the colors on the featured blog.
Date: choose a color to set the color of the article date.
Article title: choose a color to set the color of the article title.
Article excerpt: choose a color to set the color of the article excerpt.
View all button: choose a color to set the color of the view all button.
Read more button: choose a color to set the color of the read more button.
Font size
Day: drag and drop a value to choose the day font size.
Month & year: drag and drop a value to choose the month & year font size.
Article title: drag and drop value to choose the article title font size.
Article excerpt: drag and drop a value to choose the article excerpt font size.
Read more button: drag and drop a value to choose the read more font size.
Last updated
