Jump to content

Different Featured Image for Summary Thumbnail

Recommended Posts

Instead of one featured image, I am trying to use two different images for the banner that appears at the top of my client's Squarespace 7.0 (Bedford Template) blog post and the one that is pulled by the summary block on the home page. The blog post banner currently has a star background (https://www.myja.org/news/latest/learn-about-the-2024-laureates-kevin-virostek) but that same star background is appearing in the thumbnail image on the home page (https://www.myja.org).

Is it possible to get CSS code to force the thumbnail image to display a different image?

Thanks in advance!

Screenshot 2024-05-28 at 4.18.09 PM.png

Screenshot 2024-05-28 at 4.18.18 PM.png

Link to comment
17 hours ago, creedexan said:

Instead of one featured image, I am trying to use two different images for the banner that appears at the top of my client's Squarespace 7.0 (Bedford Template) blog post and the one that is pulled by the summary block on the home page. The blog post banner currently has a star background (https://www.myja.org/news/latest/learn-about-the-2024-laureates-kevin-virostek) but that same star background is appearing in the thumbnail image on the home page (https://www.myja.org).

Is it possible to get CSS code to force the thumbnail image to display a different image?

Thanks in advance!

Screenshot 2024-05-28 at 4.18.09 PM.png

Screenshot 2024-05-28 at 4.18.18 PM.png

Do you mean beside having the current image in blog post, we will  have another image which comes from the summary in homepage?

Two different images for the banner that appears at blog post. How should we place them in one page?

If you have samples/ screenshots of your desired result, share it so we can check it easier

BeyondSpace - Squarespace Website Developer

🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox)
🗓️ Delivery Date Picker (Squarespace Date picker form field)
💫 Gallery block 7.1 workaround
🥳 Sparkplugin Customisations Browsers (Browse +100 Spark plugin customisations)
🥳 Elfsight Template Browsers (Browse +1000 Elfsight widget Templates)

If you find my answer useful, let's leave a like or upvote so others with the same issue can find their solution. Thank you!

 

Link to comment

Thanks @BeyondSpace. Ideally on the home page, the first thumbnail, which currently shows the star background (and is the featured image on the blog) would be a headshot of Kevin, the man who is featured in the blog post. It should look something like the attached.

Example.png

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.