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

Hi,

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

Open the Style Editor (paintbrush icon) and locate the 'Index Styles' section. Adjust the 'Thumbnail Ratio' slider to a number that produces the size you like.

ok thanks :)it was very simple

How can you do this differently for different pages. Like square thumbnails on one page and a different ratio on another page?

@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!

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:

https://support.squarespace.com/hc/en-us/articles/214823157#toc-index-styles