Jump to content

How do I make the images in the summary block all the same size?

Go to solution Solved by Web_Solutions,

Recommended Posts

Wanting to have the images shown below all the same size.

If someone could please give me the code to remove the padding on the sides so that all the sections under the home page are full width that would be great also! 🙂

Screenshot 2023-03-29 221012.png

Link to comment
  • Replies 6
  • Created
  • Last Reply

Top Posters In This Topic

25 minutes ago, derricksrandomviews said:

If you want summary block images to be the same size, I think the images in the blog posts the block pulls content from have to be the same size and aspect ratio. That seems to be the way it works on my site. I can easily tell from the summary block items which blog images have matching sizes. 

I see, so does that mean I will have to adjust the size of the photo before uploading images to the blog post?

Link to comment
  • Solution
Posted (edited)

You can do it easily by follow the video instruction.

Edited by Web_Solutions

If my comments are useful, please like and mark my solution as answer. It will encourage me. Thanks

MD Rofik
Website Designer and Digital Marketer

Am I helpful? Want to offer me a coffee?
Send me a message if needed any help. I'll try to reply as soon as possible.


 

Link to comment

I apologize for not asking if you wanted your images to be the same size but did not want to crop them to get them there. Any setting in the summary block layout except the wall setting will crop the images to make them the same size. I  use Wall not a Grid layout if the images in a summary block have different aspect ratios, because I don't want any images in the block to be cropped.

The posted solution, however, is right on the money. 

Edited by derricksrandomviews
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.