How to force 1:1 aspect ratio on Image-with-text section?

[atmos-art]

Hi,

I am trying to force a 1:1 ratio for the image on this page so that details on the poster are not lost due to cropping.

URL: https://www.atmos.art/pages/news-and-events-show-and-tell-group-exhibition

Please advise

 

[dalnoon520 · Accepted solution]

Hi!

Your request may need some custom CSS

#shopify-section-template--25014462611779__image_with_text_4DqRHm .image-with-text__media-item {
  display: flex;
  justify-content: center;
}

#shopify-section-template--25014462611779__image_with_text_4DqRHm .image-with-text__media-item .image-with-text__media {
  aspect-ratio: 1/1;
}

You can add this custom css into custom CSS in Customize theme

Hope this will work for you!

[atmos-art]

Hi, thanks for commenting. It won’t let me paste that code in the place you mentioned. It seems to work if I add it to the base.css section.