Product Image Size | Troubleshooting

Technical Q&A
, ,
1

I am using theme ICON

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

PADDING.png
PADDING.png1616×617 97.1 KB

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)

2

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

3

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

Here it is.

PADDING.png
PADDING.png1616×617 97.1 KB

URL: https://cocoandbundle.com.au/collections/mere-botanicals/products/mere-botanicals-perineal-wash-bottle-herbal-booster

4

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 on theme.liquid

.box-ratio { padding-bottom: 0 !important; }

niraj_patel_0-1724652703190.png
niraj_patel_0-1724652703190.png1259×590 258 KB

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

5

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:-

Sweans_0-1724653183009.png
Sweans_0-1724653183009.png575×484 144 KB

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