SHOPIFY PRODUCT IMAGE RATIO NOT DISPLAYING SQUARE- Dawn theme

Shopify Discussion
1

Help plz!
I need products to display in a square 1:1.

Images are displaying rectangle: https://ibb.co/6vPNHQb
Theme (dawn) options are set to square: https://ibb.co/S3s6msD
Yet for some reason on this page and only a few others it displays rectangle.
Is there a option i’ve missed?

Page: https://thebladerunnernewcastle.myshopify.com/collections/benriner-mandoline

Any help would be great.

1 Like
2

Hi @TheBladeRunner

This is PageFly - Advanced Page Builder. I would love to give you some recommendations

-Go to Online Store->Theme->Edit code

-Asset-> main.css

find the code like the screenshot then you can delete or comment the code like in the screenshot

Untitled.png
Untitled.png1482×944 115 KB

PageFly_0-1665023811880.png
PageFly_0-1665023811880.png1366×768 214 KB

Hope my solution works perfectly for you!

Best Regards;

PageFly

3

@TheBladeRunner

yes please try this code

  1. Go to Online Store->Theme->Edit code
  2. Asset->/main.css ->paste below code at the bottom of the file.
div#CollectionProductGrid .card__media img, div#CollectionProductGrid .card__media,
div#CollectionProductGrid .media.media--transparent.media--hover-effect.boost-pfs-action-overlay, div#CollectionProductGrid .card__inner.ratio {height: auto !important;}
1 Like
4

Perfect.
Thank you very!

1 Like
5

@TheBladeRunner

its my pleasure to help us

1 Like