📝 Blog

How to use the latest blog post carousel element

📅 Last updated: March 4, 2026

⏱ 6 min read

✅ All plans

This article explains how to use the Latest blog posts carousel element on your SystemeScale blog’s post list page.

The element automatically displays your latest blog posts inside a carousel, then allows you to control how many posts appear, which category is shown, and how the carousel looks on the page.

Step 1: Open your blog

Navigate to the Sites tab, click Blogs, and then click on your blog’s Title.

Go to the blog dashboard

From your SystemeScale dashboard, open Sites, select Blogs, then click the title of the blog where you want to use the carousel.

Step 2: Edit the post list page

Inside the blog dashboard, go to the Pages section. Then, click the three dots next to the Post list page and select Edit.

📝

Use the post list page

The Latest blog posts carousel is designed for your blog’s post list page, where your blog posts are displayed and organized for visitors.

Step 3: Add the Latest blog posts carousel element

In the editor, drag and drop the Latest blog posts carousel element onto the page. Your blog posts will automatically appear within the element.

✅

Posts appear automatically

You do not need to manually add each blog post into the carousel. The element pulls in blog posts automatically based on the settings you choose.

Step 4: Open the element settings

Click on the settings button of this element to access its parameters.

From the element parameters, you can control the carousel’s content, navigation, colors, and visual appearance.

Key settings for the carousel

The key settings for this element include:

Number of slides for the carousel: Insert the number of posts that should be displayed in the carousel.
Blog post image position: Choose where the image appears: above the text, to the left of the text, or as a background image.
Category: Select a specific category if you only want to display posts from that group.
Number of posts per row: Choose whether to show more than one post per row.
Display or not the arrow navigation: Check this box if you want to show the arrow navigation.
Controls color: Change the color of the slide indicators.
Arrow color: Change the color of the navigation arrows.
Content background color: Change the background color behind the content inside the carousel.

ℹ️

Filtering by category

Use the Category setting when you want the carousel to show only posts from one topic or group instead of showing all recent posts.

Customize the carousel’s visual appearance

You can also customize the carousel’s visual appearance from the element settings.

Image settings: Add rounded corners or a shadow effect to post images, and adjust the margins around them.
Title and description: Modify font size, line height, color, and alignment to improve readability.
Categories: Change the text color, font, and alignment of the post category labels.
Date display: Choose whether to show or hide the date, then adjust its font size, color, alignment, and margins.
Size and position: Adjust padding and margins to control the spacing around the element.

🎨

Design for readability

When adjusting fonts, colors, and spacing, preview the post list page to make sure the carousel remains easy to read on both desktop and mobile.

Related blog setup guides

If your blog structure is not ready yet, use the related guides below to create your blog, create pages and posts, or configure the post list page.

🧱

Need to configure the post list page?

Review the post list page setup guide if you need help structuring the page before adding the carousel element.

Read Post List Guide →

Was this article helpful?

📄How to create a blog with SystemeScale→📄How to create a blog page→📄How to create a blog post→📄How to configure your blog's post list page→