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
  • Views 923
  • Created
  • Last Reply
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.

Link to comment


This topic is now archived and is closed to further replies.

  • 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.