Blog Grid

Modified on Tue, 02 Mar 2021 at 05:48 PM

To add Blog Grid, click Add Section.

Settings

Name the Section in Section Label. Eg: Blog Posts

  • Layout

  • Tick to have Box Layout
  • Background Color
  • Background Image. Select or Upload your own Image to display on Blog posts (blank the background color to display the image)
  • Modify:

- Background Size

- Background Image Repeat

- Background image Position: Select an option to display 

- Section Padding: Order: Top Right Bottom Left (Eg: 5px 20px 5px 20px)

  • Layout Content

  • Select Blogs that you want to show on store. To add more Blogs, click Create Blogs



  • Max number of items per row: E.g: 4,3,2 (Desktop, Mobile)
  • Total items: the number of items for a blogs
  • Tick to have Space between items
  • Text align for Item content: Left/Center/Right
  • Hover Style
  • Article Content Settings

  • Tick to show Article Excerpt
  • Article Image height: blank to auto display
  • Article label: choose label style (Hide/Tag/Date created)



  • Article Title Settings

  • Show title UPPERCASE
  • Title font size
  • Title font weight: select an option 
  • Article Content Color: Article Title color, Article Content color, Article Content Background color
  • Article Button
  • Tick to Show Button
  • Choose to decide Style as Button, Button Rounded Corners
  • Horizontal dragging to choose Button Style (0 to customize)
  • Alter the color for Button Text, Buton Border, Button Background



  • Section Heading

  • Choose position for Heading
  • Add Text to Heading, Subheading, Subheading 2
  • Set Heading Alignment
  • Tick to Breakout Container
  • Set Heading Text Color (Blank to inherit color)


  • Section Button

  • Add Text to Button Label
  • Button Link
  • Horizontal alignmentLeft/Center/Right
  • Tick to have Button Rounded Corners
  • Horizontal dragging to set style for button (Set 0 to customize button)
  • Alter the color for Button Text, Button Border, Button Background
  • Slider Settings

Tick to have more options for Sliders

  • Enable Slider
  • Enable Autoplay
  • Enable Loop
  • Show Next & Prev arrows
  • Show Dots


  • Social Sharing

Tick to have connection to social media

  • Social Sharing on Post
  • Share on Facebook
  • Tweet on Twitter
  • +1 on Google Plus








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