How do I reduce images on Boundless theme and remove white spaces between product image and descript

Solved
4Fammerch
New Member
1 0 0

 I am currently using the boundless theme my images are super big and when I use a code to reduce the size the images and product description had a huge white space in between. 

 

my url is www.4fammerch.com

0 Likes
paramSoft
Shopify Partner
1422 232 621

This is an accepted solution.

Please place this code at the end of theme.scss

.product__photo--single img {
    transform: translate(-50%, 0%);
    width: 62%;
    left: 50%;
}
.product__photo--single  {
    padding-top: 62% !important;
    padding-bottom: 22px;
}
.product__photo grid__item {
height: 50%;
}
Want to customize Shopify storefront? Check the PageFly app
75,000+ Active Shopify merchants. TOP5 best Shopify Apps.

Contact Me On : parambabla.soft@gmail.com
0 Likes