How to stop Instagram Block From Pulling in Insta Reels

Site URL: https://www.alexiasbridal.com

Hello, I have a social block on my website that has been pulling in my Instagram feed for years.  We have started adding Reels to our Instagram account and now Squarespace is pulling them into our block as well. I only want to populate my website with our Instagram Feed posts, NOT Instagram Reels.  Is there a way to custom code for Squarespace not to pull in Reels?  Thanks for any assistance.

36 minutes ago, mdjoyce said:

We have started adding Reels to our Instagram account and now Squarespace is pulling them into our block as well. I only want to populate my website with our Instagram Feed posts, NOT Instagram Reels.

You could prevent the videos from looking like videos (make them look like standard Insta posts) by hiding the 'play' icon and preventing users playing the videos. This would maintain the continuity of the Instagram feed so that users (who are familiar with your Insta feed) don't think posts are missing.

You could achieve this by adding something like this to Design > Custom CSS:

.instagram-block .sqs-video-wrapper {
  pointer-events: none;
}
.instagram-block .sqs-video-wrapper .sqs-video-icon {
  display: none;
}

For example:

Did this help? Please give feedback by clicking an icon below  ⬇️

I'm having this same issue. I have a 12-grid in my IG profile that looks great in my IG block on SS, so I don't want to disrupt the flow by displaying reels. This code did not work for me. Is there a solution?

Thanks!

This is the code that helped me remove the videos for the strip layout. I haven't tried it on the wall design.

.instagram-block .sqs-video-wrapper {
  pointer-events: none;
}
.instagram-block .sqs-video-wrapper .sqs-video-icon {
  display: none !important;
}

.sqs-gallery-design-strip {
border:;
  width:100% !important;
  .sqs-wrapper {
    width:100% !important;

}
}

.instagram-block {
  padding:0px;
  border:;
  width:100%;
}
.sqs-video-wrapper.video-none {
  display:none !important;
}