- The banner always uses the post's thumbnail image, so every post needs a suitable thumbnail.
- A transparent header is not available inside blog posts because of Squarespace limitations.
- Requires a Core/Business plan or higher because it uses Code Injection.
Overview
Blog Post Banner Image is a Super Plugin from Ghost Plugins that adds a banner image with the post title to the top of each blog post, a layout Squarespace 7.1 does not offer natively. The banner uses each post's thumbnail image automatically and sits below the site header. It is a one time $25 purchase with a multi-site licence, so you can use it on your own and client sites.
What you get
- The plugin code and a step by step install guide
- Settings you can adjust: text animation on page load; banner height; banner overlay colour; banner text size, colour and alignment; banner text padding and max width; banner image position; zoom animation on page load with speed timer
- Live demo on Ghost's Super Plugins demo site
- Multi-site licence for personal and client use
- Friendly support and free future updates
Who it suits
Bloggers, writers and content led businesses that want posts to open with a strong visual header.
Honest limits
- Built for Squarespace 7.1.
- Installed through the CSS editor and Code Injection.
- The banner always uses the post's thumbnail image, so every post needs a suitable thumbnail.
- A transparent header is not available inside blog posts because of Squarespace limitations.
- Requires a Core/Business plan or higher because it uses Code Injection.
How it is delivered
Buy the plugin from Ghost Plugins for $25. You receive the code and a step by step install guide, then add it through the CSS editor and Code Injection on your Squarespace site. Ghost lists the requirement as a Core/Business plan or higher. Ghost also sells Pro Access, a membership that unlocks this plugin and the rest of the Super Plugin library.
Related guide: Squarespace layout and section plugins and the Squarespace plugins hub.
What you get: the plugin code with a step by step install guide; adjustable settings covering text animation on page load; banner height; banner overlay colour; banner text size, colour and alignment; banner text padding and max width; banner image position; zoom animation on page load with speed timer; a live demo; a multi-site licence; support and free future updates.
Who it suits: Bloggers, writers and content led businesses that want posts to open with a strong visual header.
Honest limits: Built for Squarespace 7.1. Installed through the CSS editor and Code Injection. The banner always uses the post's thumbnail image, so every post needs a suitable thumbnail. A transparent header is not available inside blog posts because of Squarespace limitations. Requires a Core/Business plan or higher because it uses Code Injection.
How it is delivered: Buy the plugin from Ghost Plugins for $25. You receive the code and a step by step install guide, then add it through the CSS editor and Code Injection on your Squarespace site. Ghost lists the requirement as a Core/Business plan or higher. Ghost also sells Pro Access, a membership that unlocks this plugin and the rest of the Super Plugin library.
- Adds a banner image with the post title to the top of each blog post, a layout Squarespace 7.1 does not offer natively
- The banner uses each post's thumbnail image automatically and sits below the site header
Full specifications
Specifications
The banner uses each post's thumbnail image automatically and sits below the site header
Banner height
Banner overlay colour
Banner text size, colour and alignment
Banner text padding and max width
Banner image position
Personal brands
Small businesses
A transparent header is not available inside blog posts because of squarespace limitations.
Requires a core/business plan or higher because it uses code injection.