Discuss and resolve questions on Liquid, JavaScript, themes, sales channels, and site speed enhancements.
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)
Hi @zoeeblightt
Can you please share store URL and a screenshot of the section having the issue
Apologies, I did share it in my post i'm not sure why its blank.
Here it is.
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.
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
Find Global Growth Opportunities For Your Business with Shopify AcademyLearn how to exp...
By Shopify Feb 4, 2025Hey Community, happy February! Looking back to January, we kicked off the year with 8....
By JasonH Feb 3, 2025Expand into selling wholesale with Shopify Academy’s learning path, B2B on Shopify: Lau...
By Shopify Jan 28, 2025