Fixed Narrow Text / Full-Width Media
ABOUT THE TEMPLATE
Use this template when you want body text kept in a fixed narrow column while images and media run full width. The post opens with the title on a plain background, followed by a banner image below the title (rather than a hero image with the title overlaid). From there, every heading and paragraph stays locked to a narrow column, while all media stretches edge to edge.
The key thing about this template is that the widths are fixed. The narrow text column and the full-width media are controlled by the code at the top of the post, so the layout stays consistent the whole way down and won't drift as you add content. Text is always narrow; media is always full width. If you need the freedom to vary those widths block by block, use the flexible version instead.
THE CODE AT THE TOP
The code block at the top of the post controls the automatic layout. It's what forces text into the narrow column and pushes media out to full width, and it also sets up the banner image below the title (which pulls from the thumbnail in the post's page settings). Leave this code in place — if you remove it, the fixed narrow/wide behavior stops working. One caveat: as with the banner, you can't control the image's focal point.
<style>
@media(min-width:799px){
#sections .blog-item-inner-wrapper{
width:100%;
}
.sqs-block[data-sqsp-block="text"],.sqs-block:has(.sqs-text-block-container){
width:50%;
margin:0 auto;
}
.sqs-block{
width:100%;
box-sizing:border-box;
}
}
</style>
ADDING CONTENT
To add a block, hover over the content and click the plus button. Because the layout is fixed, you don't need to resize anything manually — text blocks automatically fall into the narrow column and media blocks automatically go full width. Just add your content and the code handles the widths for you. This makes it one of the more predictable templates to edit, with the trade-off that you can't mix custom widths on a per-block basis.
