Blog: Featured article
Highlight one blog post in a large card next to a list of your latest posts.
The Blog: Featured article section shows one article as a large image card, with its title, date and author over the image, beside a list of other recent posts from the same blog. You can pick the featured article yourself or let the section use the newest post. Use it on your homepage or a landing page to promote your best content.
1. Our guide to set up a Blog: Featured article section:
2. Section settings
Heading: The main title of the section.
Heading size: Size of the heading, 15–80px.
Heading alignment: Left / Center. With Left, the "View all" link appears next to the heading. With Center, it appears as a button below the posts.
Content
Blog: The blog to show posts from.
Featured article: The article shown in the large card. Leave blank to feature the newest post in the blog.
Blog posts: Total number of posts to show, 2–5. Includes the featured article.
Show date: Shows the publish date.
Show author: Shows the author name.
Show "View all" link when the blog has more posts than shown: Adds a link to the full blog when there are more posts than the section displays.
Link label: Text of the "View all" link (default "View all").
Layout
Desktop column split: Width of the featured card compared with the list: Equal / Wide featured (3:2) / Extra wide featured (2:1).
Featured article position: Left / Right.
Show dividers between posts: Adds lines between the posts in the list.
Featured article
Media ratio: Shape of the featured card: Adapt to image / Square / Portrait / Landscape.
Title size: Size of the featured article title, 20–60px.
Show excerpt: Shows a short excerpt (about 25 words) under the featured title.
Overlay opacity: Darkens the featured image so the text is easier to read, 0–90%.
Secondary posts
Show thumbnails: Shows an image next to each post in the list.
Thumbnail ratio: Portrait / Square / Landscape. Only shown when Show thumbnails is on.
Colors
Color scheme: Accent 1 / Accent 2 / Accent 3 / Background 1 / Background 2 / Background 3 / Inverse.
Text: Color of the text on the featured article card.
Corner radius
Article card: Roundness of the featured card and thumbnail corners, 0–40px.
Section padding
Top padding: 0–100px.
Bottom padding: 0–100px.
3. Tips
The featured article is never repeated in the list, so the list always shows different posts.
The "View all" link only appears when the blog has more posts than the Blog posts number.
Add a featured image to each article. The large card looks best with a high-resolution image.
Was this helpful?