Product Image and Product Gallery

on https://wordpress-1368127-5047106.cloudwaysapps.com/product/abraham-cart/. i have added the product image which has previous been cropped to 4:3 ratio, I want to keep these proportions. I also want to move gallery thumbnails to underneath the product gallery image and then have a max 4 in a row and for the thumbnails to maintain the 4:3 ratio as well. Please advise how I can achieve this

Hello @simonwr1976,

Thanks for writing to us,

In order to move the product gallery image thumbnail I would suggest you please add this custom CSS code to the global CSS.

.flex-control-nav.flex-control-thumbs {
    top: auto;
    right: 0;
    padding: 1em;
    left:0;
    bottom: 0;
}

The purpose of providing custom CSS is to show you how to add CSS code to your site. Writing custom CSS is outside the scope of our theme support. If you need more customization, you need to learn CSS and learn how to use the browser’s element inspector or you subscribe to One where customization questions are answered.

Hope it helps.
Thanks

thank you, that’s great

You are most welcome, @simonwr1976.