Remove space between images in collage section - Context Theme

[OBBO]

Hello,

I would like to remove the spaces between images in the collage section. Does anyone know how to do it?

Thank you, Luciana

[dmwwebartisan]

Hey @OBBO ,

Please provide a website URL. I will check and provide a solution here.

Thanks!

[OBBO]

Hi DMW!

Thank you so much!

This is the URL: obbo-llc.myshopify.com

The theme name is Context-White.

Thanks again,
Luciana

[dmwwebartisan]

Hey @OBBO ,

Can you please provide me preview URL?

It asked me email and password

Let me know.

Thanks!

[OBBO]

Sure, see if it works:

https://www.obbo-online.com/?fts=0&key=21549176e16b3d8ff09dfacd968b4e58da624367d38acef70ccbff635f07a8f5

I can give you a “collaborator access” if it’s easier, just send me your email.

Thank you!

[dmwwebartisan]

@OBBO ,

Do you want to remove these spaces?

Let me know.

[OBBO]

Nope, I would like to remove the spaces in the Collage sections, so the images touch each other.

[dmwwebartisan]

Hey @OBBO ,

Please add the following code at the end of your assets/index.css file ( or the CSS file that your theme is using)

.collage__item{
padding: 0px !important;
}

@media (min-width: 38em){
.section { margin:var(--spacing-extra-small) auto !important; }
}

Let me know if this works for you.

Thanks!

[OBBO]

Hi DMW!

It kind of work, the mid space is almost gone, but the exterior sides are still there. I would like to have the collage full with.

Thank you so much!

Luciana

[OBBO]

I changed the space from extra-small to none and the top and bottom spaces are gone, which is great. Just missing the sides.

Thank you!!

[dmwwebartisan]

Hey @OBBO

1. In your Shopify Admin go to online store > themes > actions > edit code
2. Find Asset > style.min.css and paste this at the bottom of the file:

.collage-section {max-width: 100% !important;}
@media (min-width: 38em){
.section {padding-left: 0px !important;padding-right: 0px !important;}
}

.collage__item-inner--large {padding-top: 105% !important;}

Hope this works for you.

Thanks!

[OBBO]

It worked!! Thank you soooo much!! I really appreciate.

Luciana

[OBBO]

Hi DMW,

Sorry, I don’t want to be annoying, but some other things got affected by our change. Please see pictures attached, could you please help me with that as well?

[AhmedAkram]

I have paste code that you provide in base.css file. But the space between images in collage section is still present.

Help me out please!!