Jump to content

Image block responsiveness not working as intended

Recommended Posts

I'm using image blocks on Square space 7.1 to create my desired layout. While the images are positioned on the grid and set to "fit" (not fill) they dont follow the desired responsiveness when scaled to the smallest browser view. The images on my homepage are set to "fill" and they work fine. 
On inspection, I also noticed other sites designed on squarespace that offer the desired effect such as https://gretelny.com/ have images that are 

".sqs-block-image .image-block-outer-wrapper:not(.image-block-v2) .intrinsic .image-block-wrapper img {

position: absolute;" while the images on my site are  ".fe-block-3d11d36bda09b169ddaf .fluidImageOverlay {"

Here are screenshots showing how the images dont follow the same margins as the text. You will notice that the gallery images follow the correct margin. Sharing the edit more as well for futher clarification. Looking for any help with this matter. You can see the same issue happing on all of my other project pages. Thank you for your time and assistance! 



Screenshot 2023-09-11 at 4.38.57 PM.png

Screenshot 2023-09-11 at 4.39.14 PM.png

Link to comment
  • Replies 0
  • Created
  • Last Reply

Top Posters In This Topic

Popular Days

Top Posters In This Topic

Posted Images

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.