[typhoon] Gallery grid columns

[Mikfr83]

Hello Andy,

Some noob questions :)

I would like to increase the number of columns in the gallery template. I tried these tailwind classes:

• grid-cols-2 sm:grid-cols-4 lg:grid-cols-8
• grid-cols-2 sm:grid-cols-4 lg:grid-cols-6 xl:grid-cols-8

But the result is not consistent, it seems impossible to obtain more than 4 columns. It's the same with the features template.

And another query about the gallery ... I need to setup a gallery with images / thumbnails in different size and aspect ratio (portrait & landscape). There is a way to achieve that with the default gallery ?

PS: I duplicated the Typhoon theme, to start a custom one.

Thanks, Michael

[rhukster]

You are probably not recompiling the css to pick up those new classes. There’s a section in the docs that explains how to do it. Scripts are written for you, just need to install the node modules.

[Mikfr83]

Actually, there is no change in the css on my side.

With the Typhoon theme, in the gallery, the issue appears with a simple tweak of the default settings:

The result:

Or more simple:

Result:

[rhukster]

My point is if you add a CSS class (even in the config) that Tailwind has not yet compiled in, it won't be available. All you have to do is to inspect the CSS in your browser's developer tools and see if there's anything in the inspector for that grid-cols-5. I think you'll find nothing in the CSS file for that class.

Just follow the instructions: https://getgrav.org/premium/typhoon/docs#installing-npm-to-compile-css

[Mikfr83]

Ok, thanks for your answers ! It wasn't clear in my mind, I assumed that all tailwind classes were available by default.