> For the complete documentation index, see [llms.txt](https://help.inspiredtheme.com/articles/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://help.inspiredtheme.com/articles/sections/theme-sections/blog-featured-article.md).

# Blog: Featured article

Highlight one blog post in a large card next to a list of your latest posts.

{% hint style="warning" %}
**Pro feature.** This section requires a Pro or Max License key. Without one, it's hidden on your live store and shows a 🔒 Pro notice in the theme editor. [Learn about plans and License keys](/articles/general-information/license-key-and-plans.md)
{% endhint %}

***

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:

{% hint style="info" %}
**Steps:**

* In the theme editor, click **Add section.**
* Locate **Blog: Featured article.**
* Select a **Blog**, and optionally a **Featured article**.
* Click **Save.**
  {% endhint %}

### 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.
