Reduce Empty Space above and below "featured collection" in narrative theme

Tourist
13 0 0

Hi,

 

Im trying to figure out how to eliminate the space above and below the featured collection so it looks like a collage of images. (similar to Kylie Jenner's KylieSkin web page)

 

Thanks! 

 

0 Likes
Highlighted
Shopify Partner
1054 116 170

If you can share the URL to your store that would help.

Sergiu Svinarciuc | CTO @ visely.io
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution!
- To learn more about the awesome stuff we do head over to visely.io or our blog
0 Likes

please share a store url to better assist

Thanks & Regards
Perennial Solution

Would like to add new functionality or customize an existing one, please hire us.
If helpful then please Like and Accept Solution .
Email: infoperennialsolution@gmail.com
Skype: infoperennialsolution
0 Likes
Tourist
13 0 0

https://ethaircal.myshopify.com/

 

ignore image sizes as I am aware thee all need to be the same - hey are just placeholder for now. 

Ive attached screen shot of the issue I am trying to resolve.

 

 

0 Likes
Tourist
13 0 0

Screen Shot 2019-10-24 at 12.19.33 PM.pngspacing from image to textScreen Shot 2019-10-24 at 12.19.21 PM.pngremove spacing inbetween

0 Likes

Hello ,
Please add this code at the bottom of theme -> edit code -> assets -> theme.scss.liquid

.featured-collection {
padding: 0;
.featured-collection .card-list {
margin-bottom: 0px;
Thanks & Regards
Perennial Solution

Would like to add new functionality or customize an existing one, please hire us.
If helpful then please Like and Accept Solution .
Email: infoperennialsolution@gmail.com
Skype: infoperennialsolution
1 Like
Tourist
13 0 0

Hey Perennial Solution!

 

Thank you for that, that has definitely minimalised the gap drastically. I am however wanting to close the gap completely.

Can this be done? Also, Can the spacing be removed in between each image grid - side by side. 

 

Thanks in advance. 

 

Screen Shot 2019-10-24 at 11.03.56 PM.pngScreen Shot 2019-10-24 at 11.03.48 PM.png

0 Likes