Reduce the Spacing Between Collection Lists in Narrative Theme

Solved
littlemarchie
Tourist
4 0 2

 

Please help me change the large section gaps (padding) between my two collection lists on my Narrative theme. 

I've tried 

.index-section {
  padding-bottom:20px;
  padding-top:20px;
}

and 

/*================ Section Vertical Spacing ================*/
$section-desktop-space: $gutter * 7;
$section-mobile-space: $gutter * 4;

 but neither of them work.

It is specifically for collection lists. 

dmwwebartisan
Shopify Partner
5685 1296 1665

@littlemarchie 

Please share your website URL and password if any. I will check and provide a solution here.

Thanks!

If helpful then please Like and Accept Solution.
Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Advanced Shopify Page Builder to customize your pages - check here PageFly App
littlemarchie
Tourist
4 0 2

The URL is littlemarcella.com - I’ve disabled the password. Thank you!

0 Likes
littlemarchie
Tourist
4 0 2

@dmwwebartisan 

The URL is Little Marcella ; https://www.littlemarcella.com/  - I’ve disabled the password. Thank you!

Quyen_Beo
Explorer
58 7 12

If you mean this space

Quyen_Beo_0-1618592266209.png


Try this
@media only screen and (min-width: 750px) {
  .collection-list { padding: 40px 0;}
}

 
Then it will look like this after change
Quyen_Beo_1-1618592350010.png

 

Was my reply helpful? Please Like and ✔️ Accept Solution. This mean alot to me
0 Likes
dmwwebartisan
Shopify Partner
5685 1296 1665

This is an accepted solution.

@littlemarchie 

Please add the following code at the bottom of your assets/theme.scss.liquid file.

@media only screen and (min-width: 750px){
.collection-list { padding: 20px 0 !important;}
}
@media only screen and (max-width: 749px){
.collection-list { padding: 20px 0 !important;}
}

Hope this works.

Thanks!

If helpful then please Like and Accept Solution.
Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Advanced Shopify Page Builder to customize your pages - check here PageFly App
littlemarchie
Tourist
4 0 2

Thanks for the reply - where would I put that code? The comment below worked for me!

0 Likes