How can I adjust the Dawn Theme product listing image size ratio?

How do I change the listing image size? Because right it’s 1:1 and I would like the ratio to be 2:3. Is there a way to do so? I use the Dawn Theme.

1 Like

Hi @Julia_76 ,

Would youmind to share your URL website? with password if its protected. Thanks!

https://shopmomocollection.com/

Hi @Julia_76 ,

Please follow the steps below:

  1. Go to Themes → Edit Code.
![view (21).png|2000x976](upload://qUjA9G1g0AKCfai5eauVuWw9S3Q.png)
  1. Find the file base.css
![view (22).png|1917x943](upload://A8FHE1vrNijuQhbMJuMdocCa65A.png)

3: Add the following code at the end of the file base.css

.card__inner.color-background-2.gradient.ratio {
  --ratio-percent: 150% !important;
}

Result:

  • Image of the product displayed with a ratio of 2:3
![view (23).png|1105x976](upload://n3tk2XFgeH9RVwk3c2e6bc3O7G5.jpeg)

Good luck!