Symmetry Theme: Remove space/gap in "Multi-Column" section

[Artsman]

We’re currently using the Symmetry template, and we want to decrease the space between the “NCAA” column and the “NBA Reclaimed” column, without having to add a third column. The section is a “Multi-Column” section.

[David_SHT]

Hi @Artsman ,

This is David at SalesHunterThemes.

I read your problem and it seems that I need to analyze your website to provide the solution here.

Would you please share your website URL

if your website is password protected then also provide the password.

David | SalesHunterThemes team.

[Artsman]

https://9d936e-2.myshopify.com/

[David_SHT]

Hi @Artsman

Follow this path:

Themes => edit code => asset => style.css

and add this code to bottom of the file style.css

#section-id-template--19325060841779__163592857728b8bdc2 .flexible-layout--variable-columns {
	justify-content: center;
}
#section-id-template--19325060841779__163592857728b8bdc2 .flexible-layout--variable-columns .column {
	    width: auto;
    flex: unset;
}

If I managed to help you then, don’t forget to Like it and Mark it as Solution!

David | SalesHunterThemes team

[Artsman]

It definitely brought the images together, but now they’re almost too close and also not fully aligned (see photo). Is there a way to space them out a bit more and make them evenly aligned? Thanks!