Make multicolumns span full width regardless of amount of columns - Sense

[marcjames]

Hello community,

I need assistance with aligning images on the Sense Theme. I'm using multi-columns to set a custom layout for my gallery images and have set the alignment to "centre." However, the images are only aligned with the left side of the page and not the right. While I managed to make a single image span the whole page, I'm struggling to figure out how to evenly space the images across the page and align them on both sides. Any help would be greatly appreciated!

The page can be viewed here: https://marcjamesgallery.com/pages/catalogue

[Dan-From-Ryviu · Accepted solution]

Hi @marcjames 

Please add this code to the Custom CSS of that multiple-column section to solve it

ul.grid { justify-content: space-between; }
.multicolumn-list__item.center .media--adapt img { width: 100%; }

[marcjames]

Many thanks! This worked perfect. 

[GTLOfficial]

Hello @marcjames 

Go to online store ---------> themes --------------> actions ------> edit code-------> assets------>section-multicolumn.css ------> line number 224
delete this code

.multicolumn-list {
column-gap: 0 !important;
}

Go to online store ---------> themes --------------> actions ------> edit code-------> assets------>section-multicolumn.css ------> line number 32

.multicolumn-list__item.center .media--adapt, .multicolumn-list__item .media--adapt .multicolumn-card__image:nth-child(2) {
width: auto;
}

and the result will be

If this was helpful, hit the like button and mark the job as completed.
Thanks