How to remove the white spaces (Warehouse Theme)

Store Design
1

Hi Friends!

I badly need your help. Would like to ask your assistance on how to remove the white spaces. Here is the link of our website. https://winlanddepot.com/

I will really appreciate your help

Sincerely,

Jayson

Screenshot_17.jpg
Screenshot_17.jpg1561×584 67.2 KB

2 
img.image--fade-in.lazyautosizes.ls-is-cached.lazyloaded{
height:fit-content !important;
}

.collection-item__image-wrapper .aspect-ratio{
    padding-bottom: 100% !important;
}

@baynojayson
Add this code in the bottom of the theme.scss

3

Hi @Zworthkey ,

I really appreciate your response.

After placing the code, this what happened. The images above the circles are also affected, it became smaller. Is there such a way where in we could link those 2 ?

Screenshot_18.jpg
Screenshot_18.jpg1936×871 140 KB

Screenshot_19.jpg
Screenshot_19.jpg1684×877 118 KB

4

Hi Sir @KetanKumar

I was the one who privately message you. This is the error I am currently facing. Thank you in advance.

5

@baynojayson

add this code to your theme.css file.

Navigate to online store >> Click edit theme code.

Now find theme.css and paste the following code

#shopify-section-1642646598daf51983 .aspect-ratio img{height: fit-content !important;}

#shopify-section-1642646598daf51983 .collection-item__image-wrapper{height: 13rem !important;}
6

WOOOOW THIS WORKED!! Really really thanks!!!

7

@baynojayson You are always welcome.

8

Really thanks sir @eFoli-Marvic .

It really works in desktop. Upon checking, I guess there still error while browsing thru mobile ? Sorry, if I ask too much assistance. Our website is : winlanddepot.com

Really appreciate your assistance

Screenshot_20.jpg
Screenshot_20.jpg401×792 47.9 KB

9

@baynojayson kindly add this additional code:

@media (max-width: 768px){
#shopify-section-1583656556022 .section{margin-top: 0 !important;}

#shopify-section-1642646598daf51983 .collection-item__image-wrapper {
    height: 10rem!important;}

}
10 
@media only screen and (min-width: 600px) {
#shopify-section-1583656556022 .section{margin-top: 0px !important;}
}

@baynojayson
Add this code in the theme.scss or theme.css

11

REALLY THANKS !! It works

12

THANK YOU SO MUCH!! @Zworthkey