Jump to content

Minimize images to exact size?

Recommended Posts

I'm trying to add smaller Adobe Stock style icon images to a block so I can I can add wording underneath. However when I try to resize the images (icons) that are side-by-side it basically scales the next image right beside it to a larger size like they're linked, how can I size these icons exactly how I want without it linked to the next image beside it? 

I've attached a example of exactly how I would like to block to look.  Thanks  


Link to comment
  • Replies 4
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

Posted Images

There are some tricks I use, like poster with no words, move spacers around the images to shrink them. Cropping the picture doesn't always work, the site just enlarges them to fit the space so make the space smaller. If its an index page adjust the number of columns and or the column width in design, site styles. Not knowing which template you are using not all my suggestions may work for you. 

Edited by derricksrandomviews
Link to comment

Thanks for the reply. I attempted the poster trick and I could see how it could work, however there is no way I can get the text to show underneath as shown above, even if I create a separate text block. Moreover the images have to be the same dimensions before upload. A PITA.  

There has to be a more seamless and logical way to do this. . . 

Link to comment

Thank you, I am assuming with the Markdown Block you need coding involved to accomplish what I am seeking for? It would be nice to have a non-code template block for this feature. Any further advice would be appreciated. 


Best regards, 

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