Supply Theme remove extra space between images in collections page

Solved
aart2000
Tourist
19 0 2

I'm using Supply the space between images is too large and the title and price do not line up with the image

kathiemiller.com

This is the collection pages

How do I remove the extra space

How do I line up the price with the image

How do I make the page wider - not too wide, but enough to make the images bigger

Finally, how do I make the images bigger?remove spaces.jpg

0 Likes
Natztech
Shopify Partner
894 242 661

This is an accepted solution.

hello @aart2000 

please Go to Online Store->Theme->Edit code then go to assets/theme.css ->paste below code at the bottom of the file.

@media screen and (min-width: 769px){
.template-collection .wrapper {
        max-width: 1500px !important ; 
}

.template-collection .product-grid-image{
      height: 0 !important;
}

.template-collection .lazyload__image-wrapper{
       max-width: 100%;
}

.template-collection .lazyload__image-wrapper img {
       max-width: 100%;
       max-height: 100%;
}
}

 

Want to theme customize contact us E-mail : natztech2312@gmail.com
If helpful then please Like and Accept as Solution

PageFly Advanced Page Builder- My favorite drag and drop page builder - Visit the Shopify app store