Blog posts

Blog posts on a website diversify content, enhance SEO, engage audiences, build authority, educate customers, encourage social sharing, and support lead generation, contributing to an enriched website experience.

Section settings

General setting

SettingDescription

Section width

3 options for container

  • Stretch width: span the section width regardless of screen size.

  • Fix width: depends on your page content width in Theme settings -> Layout.

  • Expand full width: takes up the entire space on the page and it usually resizes itself to fit the size of the screen.

Color scheme

Select colors from Theme settings -> Colors

Heading

The title of the section

Description

The description of the section

Alignment

The position of the heading and description.

  • Left

  • Center

  • Right

Show view all button

When enabled, it will display a button with a link to the blog category page (Note: *Shown only if the blog includes more blog posts than currently shown)

Blog posts

SettingDescription

Blog category

Which blog you want to display blog posts from. Defaults to the first blog alphabetically on your Blogs page.

Image ratio

The image ratio for the featured images of the blog posts:

  • Adapt to image - Uses the aspect ratio of the images. This prevents the images from being cropped.

  • Portrait - Crops the images to use a 3:4 ratio.

  • Square - Crops the images to use a 1:1 ratio

  • Landscape - Crops the images to use a 4:3 ratio

Maximum items to show

Limit the display of the number of posts. Minimum: 2. Maximum: 6

Items per row on desktop

Number of columns to display on desktop computers. Minimum: 2. Maximum: 4.

Column gap

4 options for column gap

  • Small

  • No gap

  • Medium

  • Large

Show category

Display blog categories

Show date

Display post creation date

Show author

Display post author

Show excerpts

Display a short post excerpt

SettingDescription

Enable carousel

When enabled, the section will be displayed in carousel format

Show navigation

Display the next and back controls for the carousel

Show pagination

Display the pagination for the carousel

Section padding

  • Top padding: Customize the top margin of the section

  • Bottom padding: Customize the bottom margin of the section

Last updated