Project Thumbnail Grid – Change column direction

[franksvamp]

Hello team,

Again. Thanks for your theme, been using it for years :-)

I'm designing a website for an artist and came up with a problem I can't seem to find a solution to.

I have an index page with all projects sorted by category.
The Project Thumbnail Grid works fine, however I would like to change the layout of it.

As you can see now, the grid is working linearly. left to right, and rows up to down.

My objective is to make the directions reversed.

instead of a layout like this:
1 - 2 - 3
4 - 5 - 6
7 - 8 - 9

Make it like this:
1 - 4 - 7
2 - 5 - 8
3 - 6 - 9

Any idea how to make that?

The live website:
www.anakena.us

Here is the reference from the Design:

Best!

[franksvamp]

upping this thread, just in case :-)
Wasn't able to find a solution yet.

[Richard]

Dear @franksvamp

Hope you come to a solution soon, i don't have time at present sorry to guide you through, but may set you in a possible direction. 🌝
I was thinking of a faster hack but might not be elegant or work out correctly with your design:

You create 3 identical single-column "Project thumbnail grids" (a,b&c):

A B C
1 1 1
2 2 2
3 3 3
4 4 4
5 5 5
6 6 6
7 7 7
8 8 8
9 9 9

And then using Custom CSS remove the necessary ones to create the effect:

https://css-tricks.com/useful-nth-child-recipies/

A - B - C
1 - 4 - 7
2 - 5 - 8
3 - 6 - 9

Therefore:
Off column A was removed thumbnails 4,5,6,7,8,9
Off Column B was removed thumbnails 1,2,3 & 7,8,9
Off Column C was removed thumbnails 1,2,3,4,5,6

---

Best wishes

Richard