need to reduce collection list space (venture theme)

NicoleJB
Excursionist
32 0 11

Hi,

I'm trying to reduce the height for my collection list thumbnails for desktop and mobile, they're too long and use up too much space.

 

I used this code but it doesn't work now. 

@media only screen and (max-width:749px){
.featured-card--cover{ height: 310px !important; }
}

 

store URL https://jazzyboo.com.au/

pw: heloa

thanks for any help

Replies 3 (3)

Kinjaldavra
Shopify Partner
2302 570 1422

hello @NicoleJB 

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

@media only screen and (min-width: 768px){
.template-collection .grid.grid--no-gutters .grid__item {
    width: 33.33% !important;
}
.template-collection .grid.grid--no-gutters .grid__item  .product-card__image-container {
    height: 235px  !important;
}
}

 

NicoleJB
Excursionist
32 0 11

hi @Kinjaldavra !

do you mean "theme.scss.liquid" ?

i tried putting the code in there but I don't see any changes

 

thanks

Kinjaldavra
Shopify Partner
2302 570 1422

hello @NicoleJB 

please insert code into style.css in the bottom of file