How to increase the space for my collection pages.

Solved
Strapatelier
Excursionist
38 0 31

Strapatelier_0-1623832027129.png

Hi there, how do I increase the space (as seen in the picture) to not have my colour selection cut off. 

Site's URL: https://www.strapatelier.com/collections/leather

0 Likes
hash777
Shopify Partner
164 9 23

@Strapatelier Hi there, pls follow these steps and don't forget to like and accept solution. 

1. Go to Online Store->Theme->Edit code
2. Asset->/theme.scss.liquid (or --theme.css.liquid)->paste below code at the bottom of the file.

.collection-grid-item {
    margin-bottom: 70px;
}
If helpful then please Like and Accept Solution.
0 Likes
Strapatelier
Excursionist
38 0 31

@hash777 it is still slightly cut-off

Strapatelier_0-1623833014131.png

 

0 Likes
suyash1
Shopify Partner
2979 320 499

This is an accepted solution.

@Strapatelier - please add this css to the very end of theme.scss file

.rt-unero ul.products li.product .product-inner {
    overflow: initial !important;
}
You are welcome to contact me, my email - suyash.patankar@gmail.com
Free Shopify solutions/tutorials on youtube
#1 page builder app on Shopify - for FREE! PageFly
0 Likes
Strapatelier
Excursionist
38 0 31

@hash777 and it is not working for my mobile version.

0 Likes
Strapatelier
Excursionist
38 0 31

@suyash1 

How do I increase the space for my mobile version here.

photo_2021-06-16_16-29-57.jpg

0 Likes
suyash1
Shopify Partner
2979 320 499

@Strapatelier - add this css to the very end , adjust number 10 as per need

@media screen and (max-width:749px){
.rt-unero .products product{margin-bottom: 10% !important;}
}

 

You are welcome to contact me, my email - suyash.patankar@gmail.com
Free Shopify solutions/tutorials on youtube
#1 page builder app on Shopify - for FREE! PageFly
0 Likes
Strapatelier
Excursionist
38 0 31

@suyash1 

Doesn't seem to be working. This one is set at 70.

photo_2021-06-16_19-43-52.jpg

0 Likes