Jump to content

Avenue: How to change the size of thumbnails on an Index page?

Recommended Posts


How can I have different size thumbnails on an Index page with Avenue Template?I want to have portrait thumbnails not in square.The two links beyond are websites using Avenue template with modifications in the size of the thumbanils.http://hellozso.com/http://www.simonolsson.se/

I know how using CSS and HTML but I can't find where I have to do the modification.Thank you in advance

Studio studio

Link to comment
  • Replies 5
  • Views 16.7k
  • Created
  • Last Reply
  • 1 month later...
  • 2 years later...

@eanderson @studio

Hi there

I have a similar question, but I don't want to change the aspect ratio of the thumbs, I just want to make them smaller so that you can fit 4 or 5 on a row, instead of just 3.

So, I want to keep them square (100 aspect ratio), but I want them to be smaller, so I can fit more per row.

Any ideas?

Thanks in advance!

Link to comment

Within the Avenue Template you can update the the size of your Thumbnails using the Thumbnail Ratio, additionally, you can use the Thumbnails Per Row setting within the Style Editor to adjust how many thumbnails show in your Index.

Squarespace has a super handy guide here that lists out the different style options for your Index Page. You can find these options by heading to Design > Style Editor > Index Styles:


Link to comment


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

This topic is now closed to further replies.
  • 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.