How can I adjust product photo sizes in the Down theme?

Store Design

Topic summary

A user is experiencing inconsistent product photo sizing in the Down theme, where four images display at similar dimensions but a fifth image appears disproportionately tall.

Proposed Solution:

  • Navigate to: Themes → Edit Code → Assets → base.css
  • Add CSS code targeting .product--thumbnail_slider .product__media elements
  • Apply object-fit: contain property
  • Set padding-top: 100% !important

Current Status:
The discussion remains open with one technical solution provided but no confirmation of whether it resolved the sizing inconsistency. The CSS approach aims to standardize container dimensions and image fitting behavior across all product photos.

Summarized with AI on November 25. AI used: claude-sonnet-4-5-20250929.
1

Hi I have a problem with the layout of the down theme, I put this product as an example, I have 5 photos of which 4 are more or less the same size and the fifth is huge in height how can I solve this problem? can I modify the code to obtain the container for the photos so that they are all the same size?

https://kasapp.it/products/mobile-2a-2c-manchester?_pos=9&_sid=d4cb08f3b&_ss=r

2

Hi @Valerio2
You can try follow this path:
Themes => edit code => asset => base.css
and add this code to bottom of the file base.css

.product--thumbnail_slider .product__media{
padding-top: 100%!important;
}
.product--thumbnail_slider .product__media img {
object-fit: contain;
}