Blog · Single post with split header
A single post template for Bricks Builder for guides and how-tos: the title and author signature sit beside a square featured photo in a two-column header, with the body running next to a sticky table of contents. Share links, tags, an author box, previous/next posts and related articles follow, dropping to one column with the contents as a dropdown on tablet and mobile.
In the annual plan, $99/year. See plans
Uses a small script. Turn on Code execution in Bricks › Settings › Custom code. How to turn on Code execution
Preview
Loading demo…
Template details
What’s inside
The components it’s built from. They come with the template when you paste it, and you edit them from the Bricks panel.
- FBK Intro
Eyebrow, title, lead and an actions slot for buttons.
- FBK Post card
A blog post inside a query loop: image, title, excerpt, Read more.
- FBK Share
Share links for the current page: Facebook, X, LinkedIn and more.
Adjust it
Change these variables in Bricks to tune it; everything else follows your framework.
On the element Post, class fbk-singlesplit
Width of the contents column
- --fbk-t-toc
- 16em
