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 settings
Section width
3 options for container
Stretch width: span the section width regardless of screen size.
Fixed width: depends on your page content width in Theme settings -> Layout.
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
Subheading
Use the subheading to provide additional context or supporting information.
Heading
The primary text element used to introduce or label the content within this section.
Enable heading underline animation
Enable heading underline animation
Underline style
Select Underline style
Underline color
Customize Underline color
Description
A text element used to provide additional details or supporting information related to the heading or content of the section.
Heading size
The size of the title:
Small
Medium
Large
Alignment
The position of the heading and description.
Left
Center
Right
Blog post
Blog
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: 12
Items per row on desktop
Number of columns to display on desktop computers. Minimum: 2. Maximum: 4.
Column gap
4 options for column gap
No gap
Small
Medium
Large
Show category
Display blog categories
Show tags
Display tags associated with each blog post
Show date
Display post creation date
Show author
Display post author
Show excerpts
Display a short post excerpt
Carousel settings
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
Reveal next slide
Display a part of the upcoming slide.
Items per row on mobile
Number of columns to display on mobile devices.
Section padding
Top
Customize the top margin of the section
Bottom
Customize the bottom margin of the section
Section divider
Show divider
Toggles the visibility of a horizontal divider line within the section.
Last updated