need to reduce collection list space (venture theme)

NicoleJB
New Member
16 0 5

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

0 Likes
Natztech
Shopify Partner
1280 355 891

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;
}
}

 

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
0 Likes
NicoleJB
New Member
16 0 5

hi @Natztech !

do you mean "theme.scss.liquid" ?

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

 

thanks

0 Likes
Natztech
Shopify Partner
1280 355 891

hello @NicoleJB 

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

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