Code to change aspect ratio for a specific product page

Site URL: https://www.thetinnedfishmarket.com/

Hi there,

Can someone give me the code to change the aspect ratio of all images/products on a product page?  At the moment all product pages are set to 4:3 four three, but I would like to add a new product page with 2:3 ratio. 

Have tried a few things posted here but none seems to work.

Thanks in advance,

20 hours ago, Alfredito said:

Site URL: https://www.thetinnedfishmarket.com/

Hi there,

Can someone give me the code to change the aspect ratio of all images/products on a product page?  At the moment all product pages are set to 4:3 four three, but I would like to add a new product page with 2:3 ratio. 

Have tried a few things posted here but none seems to work.

Thanks in advance,

 

kindly show us your product page with different ratios

On 9/27/2021 at 1:47 AM, Alfredito said:

Site URL: https://www.thetinnedfishmarket.com/

Hi there,

Can someone give me the code to change the aspect ratio of all images/products on a product page?  At the moment all product pages are set to 4:3 four three, but I would like to add a new product page with 2:3 ratio. 

Have tried a few things posted here but none seems to work.

Thanks in advance,

 

Add to that Product Page Header (NOT Custom CSS) > Then save & reload the site

<style>
  .grid-image-wrapper {
    padding-bottom: 150% !important;
}
</style>

1 hour ago, tuanphan said:

Add to that Product Page Header (NOT Custom CSS) > Then save & reload the site

<style>
  .grid-image-wrapper {
    padding-bottom: 150% !important;
}
</style>

 

Thank you Tuanphan, it works perfectly!!

What would be the percentage for a square ratio?

On 9/29/2021 at 4:25 PM, Alfredito said:

Thank you Tuanphan, it works perfectly!!

What would be the percentage for a square ratio?

 

 

 

2:3 = (100 * 3)/2

3:4 = (100 * 4)/3

...

Thank you!