Jump to content

Image blocks not aligning.

Featured Replies

  • Replies 6
  • Views 722
  • Created
  • Last Reply
9 hours ago, ninabrowndesign said:

Sorry - can you go to the clients page? 

Those images are not the same dimension

image.png.56f9f7883b43d982b31dca8be05aaa09.png

image.png.3a11ea3cce88eee6f322553fbc31f6f8.png

image.png.9e20af485f23877bc0a683b31b86d4c8.png

So I provided a temp solution to make all image same ratio (80%), copy this to Design->Custom Css

section[data-section-id="5f9b317142c35b7e23062d87"] .sqs-block-image .sqs-block-image-figure > div {
  padding-bottom: 80% !important;
}

section[data-section-id="5f9b317142c35b7e23062d87"] .sqs-block-image .sqs-block-image-figure > div img {
  height: auto !important;
  top: 50% !important;
  transform: translatey(-50%);
}

 

BeyondSpace - Squarespace Website Developer

🖼️ Lightbox Studio (Pinch/Zoom images, videos - PDFs Lightbox - ...) </>  🗓️ Delivery Date Picker
Gallery block 7.1 workaround </> Reusable content blocks plugin </> 🤖 No-code workflow automation

  • Author

Thank you! I thought I had uploaded them all exactly the same, hence my head scratching, but I can see the issue now. I may try and resize them again in photoshop, rather than code. I appreciate your help. 

Nina 

Archived

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

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.

Welcome to the Circle Forum!

The Circle forum will be your homepage for all Circle updates.

Start by introducing yourself to the community!

Introduce yourself