Jump to content

Image width - distorting image on one page only

Recommended Posts

Site URL: https://star-fennel-h9p3.squarespace.com/


I'm using a blog carousel on two pages to simulate a testimonial reel.

I used this to reduce the image size:

.sqs-block-summary-v2 .img-wrapper img, .sqs-block-summary-v2 .sqs-video-wrapper img
{width: 50% !important; 
margin: 0 auto !important;


It worked great on one page!

on the second page, it distorted the image! See two screenshots.




Screenshot 2021-06-10 081044.png

Screenshot 2021-06-10 081027.png

Link to comment

Instead of using CSS how about using spacer blocks to shrink the images? So for the love page you could go with 3 cols, 6 cols, 3 cols.

I observed that SS is treating the two summary blocks slightly differently. The one with larger images is having dynamic styling applied to it. Whereas the one with smaller images is not. That is why you are getting different results.

Let us know how it goes.

Find my contributions useful? Please like, upvote, mark my answer as the best ( solution ), and see my profile. Thanks for your support! I am a Squarespace ( and other technological things ) consultant open for new projects.

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.