# Featured article

Promote your blog posts with this full-featured section with many custom blocks to build the right design for your shop:

<figure><img src="https://3528441459-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LovEU3LvzkJzFkXarYD-4120580575%2Fuploads%2Fvf5tllxlMfz5fOjoW7ru%2FScreenshot%202022-11-09%20at%207.10.41%20PM.jpg?alt=media&#x26;token=c302e065-8892-4235-86b9-5416b99669b3" alt=""><figcaption><p><strong>Desktop view</strong></p></figcaption></figure>

Dress up your blog section by featuring an article or placing it wherever you desire including the homepage, product detail pages, and throughout your site.&#x20;

<figure><img src="https://3528441459-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LovEU3LvzkJzFkXarYD-4120580575%2Fuploads%2FY6ZrcvWDdcGpPmXSPNIq%2FScreenshot%202022-11-09%20at%207.07.35%20PM.jpg?alt=media&#x26;token=8091d1e8-db28-4c49-b3fe-ee7513df592e" alt=""><figcaption><p><strong>Mobile view</strong></p></figcaption></figure>

### Section settings

Choose an article from your blog posts and use the image option to override the article's featured image. The position and section height options will help you find the right size for the section and image placement. &#x20;

<figure><img src="https://3528441459-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LovEU3LvzkJzFkXarYD-4120580575%2Fuploads%2FObBhXh7xm3i8l9j73G7g%2FScreenshot%202022-11-09%20at%208.03.21%20PM.jpg?alt=media&#x26;token=6546625f-8775-42ae-bb4f-7ca653a975c0" alt=""><figcaption></figcaption></figure>

The article's featured image is used as the main image asset. Use the image option to use a custom image:

<figure><img src="https://3528441459-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LovEU3LvzkJzFkXarYD-4120580575%2Fuploads%2F88nq33wOKbSrol9MqCt8%2FScreenshot%202022-11-09%20at%207.06.27%20PM.png?alt=media&#x26;token=3e5ea361-0af6-4e1d-bf7c-95fc4768e3ce" alt=""><figcaption></figcaption></figure>

The *image full width* checkbox will toggle between a full-width image and a smaller-sized image with the text section beside:

<figure><img src="https://3528441459-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LovEU3LvzkJzFkXarYD-4120580575%2Fuploads%2F3ojd7c7jUbuni5jGTaSZ%2FScreenshot%202022-11-09%20at%208.01.29%20PM.jpg?alt=media&#x26;token=61a88277-d41f-42de-9d46-1356ae7b91d4" alt=""><figcaption></figcaption></figure>

The overlay options help text to standout when a text background color is set to transparent:

<figure><img src="https://3528441459-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LovEU3LvzkJzFkXarYD-4120580575%2Fuploads%2Fzf816kvdarL9f0uZItEg%2FScreenshot%202022-11-09%20at%207.54.30%20PM.png?alt=media&#x26;token=415ae1bb-5977-4b58-8e25-a63c7dd98e28" alt=""><figcaption></figcaption></figure>

### Blocks

Add and arrange the included blocks to customize the message area of the section:

<table data-view="cards"><thead><tr><th></th><th></th></tr></thead><tbody><tr><td><strong>Kicker</strong></td><td>Toggle options to show the author and date of post</td></tr><tr><td><strong>Heading</strong></td><td>Displays the main headline with a text size option</td></tr><tr><td><strong>Button</strong></td><td>Style options for linking to the article. Default text and link is used when left blank. Override options included. </td></tr><tr><td><strong>Text</strong></td><td>Override excerpt from article with custom text</td></tr></tbody></table>

Blocks are placed in the message area. Section settings control the positioning and styles:

<figure><img src="https://3528441459-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LovEU3LvzkJzFkXarYD-4120580575%2Fuploads%2FCTiPAZe08FPfUop6Z9m6%2FScreenshot%202022-11-09%20at%208.21.59%20PM.jpg?alt=media&#x26;token=7438b41a-bdb6-40be-b4a6-5f473d1d08d5" alt=""><figcaption></figcaption></figure>