Jump to content

Instagram block

Recommended Posts

Hi there,

I'm trying to see if there's a way for me to add Instagram post text as a hover overlay on images, like on this website (https://www.middlecolensofarm.co.uk/);

446008863_Screenshot2022-01-26at13_46_16.thumb.png.d24a66bc8414891ea82a8610af99e748.png

 

Is there also a way to set the first square as an uploaded image (i.e. so that the second image in the block is the most recent post being pulled from the Instagram account), e.g. like the below;

23020517_Instagramblock.png.773383f9567f8a6f7f9e9d78bea3c9a5.png

 

Thank you!

Alex

 

Link to comment
  • Replies 8
  • Created
  • Last Reply

Top Posters In This Topic

You mean first image is a static image, other image is Instagram images. And when hover on Instagram image >> Show text + overlay?

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment

Regarding the image, it would not be pulling from the Instagram feed but would be an image uploaded onto the website that appears as the first square in the Instagram block.

Regarding the hover, the associated post text would appear as a text overlay on the image when you hovered over the picture. 

 

Thank you!

 

Link to comment

Okay. So first image is Image Block - Other 3 images is Instagram.

When hover on Instagram images >> Show text overlay.

Is this right?

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

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.