Latest Blog

To add this section, please follow below steps:

Steps:

1. From your Shopify admin, go to Online Store -> Themes.

2. Find the theme that you want to edit, and then click Customize.

3. Click Add section and choose "Latest Blog".

1. Section Feature

Setting	Description
Layout	Select the layout width of the whole section. The options are: Default (same as the body width), Full Width (the 100% of the viewport width).
Spacing Top / Spacing Bottom on Desktop, Tablet, Mobile	Determine the spacing of the section from its top and bottom sections on Desktop, Tablet and Mobile separately.
Background Color, Background Gradient, Background Image	Apply Background Color, Background Gradient, Background Image on the background of the section.
Top / Bottom Border	Set Border Width, Border Color.
Spacing Top / Spacing Bottom on Desktop, Tablet, Mobile	Determine the spacing of the section from its top and bottom sections on Desktop, Tablet and Mobile separately.
Sub Title	Enter the Sub title for the section.
Sub Title Font Size on Desktop, Tablet, Mobile	Sub Title Font Size on Desktop, Tablet, Mobile
Select Font Type	Select the Font Type to be either Font Family #1 or #2. These two font families are specified in the Theme settings > Typography.
Sub Title Font Weight	Select the font weight of the subtitle to be either Normal, Medium, Semi Bold, Bold, Bolder or Black.
Sub Title text transform	Select the text transform of the subtitle to be either uppercase, lowercase, capitalize, none.
Sub Title Letter Spacing	Enter the letter spacing for the title.
Sub Title Color	Set the color for the subtitle.
Sub Title Spacing Bottom on Desktop, Tablet, Mobile	Determine the spacing of the title from bottom on Desktop, Tablet and Mobile separately.
Title	Enter the title for the block.
Title Color	Set the color for the title.
Title Font Size on Desktop, Tablet, Mobile	Determine the font size of the title on Desktop, Tablet and Mobile separately.
Title Spacing Bottom on Desktop, Tablet, Mobile	Determine the spacing of the title from bottom on Desktop, Tablet and Mobile separately.
View All	Set View All button link, icon, Font Size, Font Weight, Text Transform, Alignment, Alignment Mobile
Select Blog	Select a blog to render its blog posts.
Posts Limit	Determine the maximum number of blog posts to render.
Posts Content Description Limit	Determine the maximum words for the description to truncate if exceeded.
Show Author	Toggle to show Author of the Blog Post.
Show Date	Toggle to show Date of the Blog Post.
Show Description	Toggle to show Description of the Blog Post.
Show Read More Button	Toggle to show a button that navigates to the Blog Post Page on clicked.
Slideshow Auto Play	Toggle to Auto Play of the Blog Post.
Show Dots On Desktop	Toggle the paginating dots on Desktop.
Show Dots On Mobile / Tablet	Toggle the paginating dots on Tablet and Mobile.
Show Arrows On Mobile / Tablet	Toggle the navigation arrows on Mobile.
Products Per Slide on Desktop, Tablet, Mobile	Select the slides to view count on Desktop, Tablet and Mobile separately.
Background Color	Set the background color for all blog posts.
Image Margin Bottom	Determine the spacing of the blog post image from its bottom.
Title Spacing Bottom	Determine the spacing of the blog post title from its bottom.
Info Margin Bottom	Determine the spacing of the blog post info from its bottom.
Description Margin Bottom	Determine the spacing of the blog post description from its bottom.
Alignment	Select the alignment of the blog post content to be either to the Left, Right or Center of the blog post card.
Blog Link Text Transform	Select the font style transform of the Blog Link text. The options are: None, Capitalize, Uppercase and Downcase.
Blog Link Font Weight	Select the font weight of the blog link to be either Normal, Medium, Semi Bold, Bold, Bolder or Black.
Blog Title Style	Select the style of the blog title.c
Title Blog Font Size on Desktop, Tablet, Mobile	Determine the font size of the title on Desktop, Tablet and Mobile separately.
Blog Title Text Transform	Select the font style transform of the Blog Link text. The options are: None, Capitalize, Uppercase and Downcase.
Blog Title Font Weight	Select the font weight of the blog link to be either Normal, Medium, Semi Bold, Bold, Bolder or Black.