Product Image Size | Troubleshooting

[zoeeblightt]

I am using theme ICON

How can I remove this large spacing between the additional images on the left?

I also wouldn't mind reducing the size of the main image so that the full image is shown (currently cuts off at the bottom)

[JasmeetVT14313]

Hi @zoeeblightt 
Can you please share store URL and a screenshot of the section having the issue

[zoeeblightt]

Apologies, I did share it in my post i'm not sure why its blank.

Here it is.

URL: https://cocoandbundle.com.au/collections/mere-botanicals/products/mere-botanicals-perineal-wash-bott...

[niraj_patel]

Hello @zoeeblightt 

You can add code by following these steps

1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.liquid file

3. Paste the below code before </body> on theme.liquid
<style>
  .box-ratio {
      padding-bottom: 0 !important;
   }
</style>

Was my reply helpful? Click Like to let me know!
Was your question answered? Mark it as an Accepted Solution.

[Sweans]

Hi @zoeeblightt ,

To reduce the large spacing between the additional images on the left .

1.Go to your Shopify admin panel.

2.Navigate to Online Store > Themes.

3.Find your theme and click on Customize.

4.Click Actions > Edit code.

5.In the left sidebar, under the Layout directory, select base.css.

.product-single__thumbnail .box-ratio{

padding-bottom:0px !important

}

then save your changes

Result:-

I hope this helps! If it does, please like it and mark it as a solution! 

If you need further assistance, feel free to reach out!

Regards,
Sweans