Adding two column grid to gallery in Flatiron template

Site URL: https://www.jesperblaesild.dk/#/sort-hvid/

Hi 

I would like to add a two column grid to gallery collection for the Flatiron template. I understand that column grid is not provided out-of-the-box. Can anyone provide me a hint on how to setup two column grid, similar to the following example: https://www.mathildeschmidt.dk/#/forfatter-iben-mondrup/. 

Thanks in advance. 

Try adding to Design > Custom CSS

#project .gallery {
    column-count: 2;
}

Pigging backing onto this top, @tuanphan, is there a way to make it so there's 2 columns but the image display order changes from top to bottom and then repeating on the next column (see below)

1         5

2        6

3       7

4 -^   8

to

1    2

3    4

5   6

7   8

Thanks!

19 hours ago, Badamadab said:

Pigging backing onto this top, @tuanphan, is there a way to make it so there's 2 columns but the image display order changes from top to bottom and then repeating on the next column (see below)

1         5

2        6

3       7

4 -^   8

to

1    2

3    4

5   6

7   8

 

Thanks!

What is site url? We can test code easier

4 hours ago, tuanphan said:

What is site url? We can test code easier

www.adamgoudreau.com

Thanks for the help! Also wondering if I'm able to customize the padding space between images (gap between columns and rows). Thanks again!

On 1/20/2023 at 1:48 AM, Badamadab said:

www.adamgoudreau.com

Thanks for the help! Also wondering if I'm able to customize the padding space between images (gap between columns and rows). Thanks again!

Hi,

It look like this is not possible to adjust both 😞