Jump to content

Banner Background Image Post

Recommended Posts

Site URL: https://www.onekindcreative.com/podcast/katrinahopper

 How do I add Banner header image to an individual blog post? I want the header background image to be what I upload to the social media image for each blog post. I came across this on youtube:

 Unfortunately, his code and solution is for squarespace 7.1, and I am on 7.0.

I attached examples of what I want it to look like for both desktop and mobile. Thank you for helping.


Screen Shot 2020-05-18 at 1.59.18 AM.png

Screen Shot 2020-05-18 at 2.04.55 AM.png

Link to comment
  • Replies 3
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

Posted Images

On 5/19/2020 at 5:26 AM, tuanphan said:

Same banner image for all posts, or different banners for different posts?

I know that I need to write both JavaScript and css, but I am hoping it won’t be that challenging. And since I was able to find the YouTube video referenced earlier doing it for 7.1 I am hoping it won’t be that much different for 7.0. 

Also CORRECTION. I want the image to be the alternate social media image.

Edited by OneKindKevin
Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.