Remove Multicolumn image borders

[nadezhda_ilieva]

Hello. I would like to have the borders around the images on multicolumn removed. Does anyone know how to do that?

Right now I have borders around the images, but would like the images to be full-width.

My website it www.aboutmi.bg

Password: nadia

Thanks!

[topnewyork]

Hi @nadezhda_ilieva ,

1. Go to Online Store → Theme → Edit code.
2. Open your theme.liquid file
3. In theme.liquid, paste the below code before

OR

If my reply is helpful, kindly click like and mark it as an accepted solution.

Thanks!

[Rahul_dhiman]

Hello @nadezhda_ilieva
Go to online store ----> themes ----> actions ----> edit code ----> assets ----> section-multicolumn.css
add this code at the end of the file.

@media screen and (min-width: 750px) {
.multicolumn-list.slider {
gap: 0px;
}
}

result

If this was helpful, hit the like button and accept the solution.
Thanks

[Finer]

@nadezhda_ilieva add the following code to the CSS Settings of the Section:

.multicolumn-list{
    column-gap: 0px!important;
    justify-content: center!important;
}

justify-content is relevant to keep everything centered.

[Tech_Coding]

Hello @nadezhda_ilieva

You can add code by following these steps

1. Go to Online Store → Theme → Edit code.

2. Open your theme.liquid file

3. Paste the below code before on theme.liquid

.multicolumn-card-spacing { padding-top: 0 !important; margin-left: 0 !important; margin-right: 0 !important; }

my reply helpful? Click Like to let me know!
your question answered? Mark it as an Accepted Solution.

[nadezhda_ilieva]

Thank you! It worked perfectly!