Add prominent visual elements to blog posts by styling the first block of the post differently than the others.
In version 7.0, some templates treat the first block in a blog post differently to add extra flair to its layout. These are called promoted blocks and are a great way to set posts apart by adding a prominent visual element.
Each supported template has its own way of displaying promoted blocks. Usually, the block displays above the post's title.
Blogs use promoted blocks in these template families:
- Avenue - Image, gallery, and video blocks
- Aviator - Image and video blocks
- Flatiron - Image, gallery, and video blocks
- Ishimoto - Image, gallery, and video blocks
- Montauk - Image, gallery, and video blocks
- Native - Image, gallery, and video blocks
- Wells - Image, gallery, and quote blocks
- Wexley - Image, gallery, and video blocks
This guide is for version 7.0. Version 7.1 doesn't support promoted blocks.
Watch a video
Create or edit a post
To create a new post, open the Pages panel, click your blog page, then click the + icon. You can also hover over a post title and click Edit to edit an existing post.
Add a promoted block
Blog posts will have a text block or markdown block as the first block by default. Click the insert point above this block to add a promoted block.
For more detailed steps on adding a block, visit Adding content with blocks.
When you're finished composing the rest of the post, click Save or Save & Publish.
Note: Promoted blocks can't float in text.
View the promoted post
Preview your blog page by clicking the arrow in the top-left corner.
The way the promoted block displays depends on the template, but all supported templates will present posts with promoted blocks differently than posts without.
Here's an example of a promoted block in Avenue:
Disable promoted blocks
If you don't like how promoted blocks look on your site, you can disable them.
- Open the Design panel and click Template Settings.
- Check Disable promoted blocks.
- Click Save.
Tip: This option won't appear if your template doesn't support promoted blocks.