Skip to main content

Featured Blog posts

Help Center
Updated

Overview

The Featured blog posts section highlights one main (large) article and displays additional articles in a vertical layout beside it.

This section creates a magazine-style layout:

  • 1 large featured article (left column)

  • Multiple smaller articles stacked vertically (right column)

  • Optional “View all” button

  • Separate settings for large and small blog cards

  • Section box layout support

  • Appear animations

  • Full color scheme control

This layout is ideal for storytelling, editorial focus, and homepage content highlights.

Layout structure

Desktop layout:

| Large featured post | Small post 1 |
|                     | Small post 2 |
|                     | Small post 3 |

Mobile layout:

  • Large post first

  • Smaller posts stacked below

Where to use this section

Use this section when you want to:

  • Emphasize a primary blog post

  • Create an editorial homepage layout

  • Showcase a hero article + supporting content

  • Build a storytelling or magazine-style homepage

How to add this section

  1. Open Theme Editor

  2. Click Add section

  3. Select Featured blog posts

  4. Choose a Blog

  5. Configure:

    • Post limit

    • Large card settings

    • Small card settings

    • View all behavior

    • Layout options

How it works

1) Article selection logic

If a blog is selected:

posts_displayed = min(post_limit, blog.articles_count)

The section:

  • Displays the first article as the large featured card

  • Displays the remaining articles (up to post_limit) as smaller cards

If no blog is selected or there are no articles:

  • Placeholder article cards are rendered

2) Large featured article

The first article is rendered using:

  • Layout: inside

  • Media height: full

  • Optional custom image override (large_featured_image)

  • Independent visibility controls for:

    • Date

    • Author

    • Badge

This makes the large card visually dominant.

3) Small article cards

All remaining articles:

  • Use layout: beside

  • Stack vertically

  • Use configurable image height

  • Use smaller heading size (h5)

  • Independent visibility controls for:

    • Image

    • Date

    • Author

    • Badge

4) “View all” button behavior

The button appears only when:

  • A blog is selected

  • show_view_all = true

  • post_limit < blog.articles_count

If the blog contains equal or fewer posts than the limit, the button will not appear.

5) Placeholder behavior

If:

  • No blog is selected

  • The blog has no articles

The section renders:

  • One large placeholder card

  • Multiple smaller placeholder cards

The number of placeholders equals post_limit.

Section settings

Heading

  • Title

  • Heading size (h2 / h1 / h0)

Blog source

  • Blog

  • Post limit

    • 2–5 posts

Layout

  • Enable section box layout

    • Wraps content inside a boxed container with its own color scheme

  • Color scheme

    • Applies to section wrapper or box wrapper

Large blog card settings

  • Large featured image override

    • Optional image to replace the article’s featured image

  • Show date

  • Show author

  • Show blog card badge

  • Blog card color scheme

The large card always shows the image.

Small blog cards settings

  • Image height

    • small / medium / large

  • Show image

  • Show date

  • Show author

  • Show blog card badge

These settings apply only to the vertical smaller posts.

Spacing

  • Padding top / bottom

    • Mobile: 75% of value

    • Desktop: full value

Limitations

  • Maximum post limit is 5.

  • The first article is always used as the large featured post.

  • Layout is fixed to 2-column desktop structure.

  • No slider functionality (this section is static layout).

  • If the blog has only 1 article:

    • Only the large card appears.

  • Styling depends on the article-card snippet.

Common use cases

  • Homepage editorial highlight

  • “Latest story” section

  • Magazine-style content layout

  • Blog hero section

  • Content-driven brand storytelling

Tips for best results

  • Use a strong visual image for the first article.

  • Keep small post titles shorter to avoid vertical overflow.

  • Use the image override to maintain consistent branding.

  • Use medium image height for balanced layout.

  • Keep post limit between 3–4 for best visual balance.

Common mistakes

  • Expecting slider behavior (this section does not use slider).

  • Setting post limit higher than blog article count.

  • Forgetting that the first article is always featured.

  • Using very long titles on small cards → layout may feel crowded.

  • Enabling View all but having equal posts and limit → button won’t show.

Need help?

If something doesn’t work as expected:

Submit a support ticket:
https://boostheme.zendesk.com/hc/en-us/requests/new

Please include:

  • Theme version

  • Blog URL

  • Page URL

  • Screenshot of the issue

We’ll assist you as quickly as possible.

Comments

0 comments

Article is closed for comments.

Powered by Zendesk