2. Featured blog posts

Helps you display feature blog posts in a slider or grid layout easily.

 

1. Open the existing section

1. From your Shopify admin, go to Online Store > Themes.
2. Find the theme that you want to edit and click Customize.
3. Click the Blog posts section.

2. Add a Blog posts section to your home page

1. From your Shopify admin, go to Online Store > Themes.
2. Find the theme that you want to edit and click Customize.
3. Click Add section > Blog posts > Add.
4. Use the settings to customize your Blog posts section.
5. 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

• Heading: add the heading blog.
• Sub heading: add the sub heading blog.
• Blog: select a blog to display the blog article list.
• Posts: drag & drop values to display quantity post on the screen.
• Show date: turn on/off displaying the date in blog.
• 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.

 

• Section heading : choose a color to set the color of the section heading blog.
• Section subheading: choose a color to set the color of the section subheading blog.
• Article Date: choose a color to set the color of the article date.
• Article date background: choose a color to set the background color of the article date.
• Article title: choose a color to set the color of the article title blog.

Font size

 

• Section heading in tablets and desktop: drag and drop a value to choose the section heading font size in tablets and desktop.
• Section heading in mobile: drag and drop a value to choose the section heading font size in mobile.
• Section subheading: drag and drop a value to choose the section subheading font size.
• Article date: drag and drop value to choose the article date font size.
• Article title: drag and drop a value to choose the article title font size.