How can I reduce white space between the images in minimal theme?

Solved
YesJayAhamed
Tourist
16 0 0

Can anybody please help me in reducing white space in between the images shown below?

 

reduce space help.JPG

 

I have recently added the below code to css in minimal theme: If it helps.

.grid-link__image {
border:1px solid #fdceeb;
border-radius: 5px;
padding: 3px 3px 3px 3px;
box-shadow: 0 2px 4px 0 rgba(253,206,235, 0.8), 0 4px 8px 0 rgba(253,206,235, 0.8);
}

0 Likes
JHKCreate
Shopify Partner
2042 331 444

Hi There!

Would you mind sharing your store's URL please? I'll provide you with the updated code!

- Did we solve your issue? Like & Mark As Solution to help the community
- Should you need any direct help: contact@jhkcreate.com
0 Likes
YesJayAhamed
Tourist
16 0 0

Hi,

Thank you for replying. I have managed to fix the vertical space by editing $gutter in timber.scss. however I still need help in fixing horizontal white space.

https://itnofa.myshopify.com

Password I will message you privately.

 

0 Likes
JHKCreate
Shopify Partner
2042 331 444

This is an accepted solution.

This code needs to be updated in your theme.scss:

@media screen and (min-width: 769px)
{
.index-section {
    padding-top: 0px;
    padding-bottom: 0px;
}
}


Feel free to adjsut the px values as it suits you, search for "index-section" and replace the values under the correct min-width.

Cheers! 

- Did we solve your issue? Like & Mark As Solution to help the community
- Should you need any direct help: contact@jhkcreate.com
0 Likes
YesJayAhamed
Tourist
16 0 0

 Sorry I am not infront of computer to try the code, I will check and get back to you tomorrow morning

Is this only for big screen? when We view in computer or laptop?

Or Does it work for mobile screen as well?

Regards

Junaid.

0 Likes
YesJayAhamed
Tourist
16 0 0

Good Morning JHKC,

This has helped in fixing the space on Home page. Thank you so much.

However space inside collections page has not been affected it still remains same. Is there something we can do about it?

Regards,

Junaid

0 Likes
JHKCreate
Shopify Partner
2042 331 444

This is an accepted solution.

I would not recommend to remove any spacing below, it's already too tight on the collection page.

JHKC_0-1598601379503.png

 

- Did we solve your issue? Like & Mark As Solution to help the community
- Should you need any direct help: contact@jhkcreate.com
YesJayAhamed
Tourist
16 0 0

Thank you JHKC. I will follow your recommendation. 

Regards,

Junaid

0 Likes
Narinova
Excursionist
16 0 3

I have tried your code but it reduce the space in top and bottom only where between the items in the same row right and left did not change the space .

second question what if you want to reduce the spaces between collections images only in home page and keep it between the products as it is 

 

Thanks in advance  

0 Likes