Blog posts Customization

Modified on Wed, 14 Jul 2021 at 05:00 PM

TABLE OF CONTENTS

BLOG POSTS

To create a new Blog Posts section, click Add Section > find Blog Posts > Click Add button. 

I. Blog Post 

1. Layout


    Boxed layout: Add a padding around the main wrapper. 


    Style: Scroll down to choose a style ( 1 or 2 )for the layout that you want to.


    Section padding: Insert values in order of clockwise motion starting from Top padding. Eg:20px 10px 20px 10px

2. Background

    Tick to enable the Full section background

    Background color: Change the background color by using the color picker.

3. Blog Settings

    To modify the blog posts.

  • You can insert an available blog or just create a new one (lead you to the Shopify admin page) in the Blog field. 


  • Scroll down to choose the date position to display: Below title/ Above title


  • Enable the posts' excerpt by ticking on the box to give more information.


  • Max number of content per row field lets you arrange the number of posts in a row, Eg: 2,1 corresponding with the desktop, mobile.


  • Spacing between items: To adjust the space between 2 text boxes, fill in the Item spacing field. Eg: 10px
  • Limit: Drag to adjust the limit of product exhibited, Eg: 6

4. Slider Settings

    Controls: Show arrows to move slides easier.

    Dots: Show available pages with dots at the section bottom. 


II. Heading section


1. General settings

  • Margin: inset the values into the text box (Eg: 20px 0 15px)


  • Content Alignment: select an option to place heading (Auto/Left/Center/Right)
  • Check the tick-box to Show border alignment


2. Heading & Subheading settings

  • Enter the heading & subheading content in the text boxes
  • Set color for Heading & Subheading by using color picker
  • Font size: insert number in pixel unit to set the size for heading & subheading
  • Font weight: drag to decide how bold the heading & subheading will get
  • Line height





Note: Please click Save on the Top right of the screen to save the step by step that you just input.

Was this article helpful?

That’s Great!

Thank you for your feedback

Sorry! We couldn't be helpful

Thank you for your feedback

Let us know how can we improve this article!

Select atleast one of the reasons
CAPTCHA verification is required.

Feedback sent

We appreciate your effort and will try to fix the article