I thought I would reply here before I head off to the land of sleep (2am for me).
You can do a 3 column layout, but you will need to modify a theme file. This means setting up a child theme and then copying over a file from the parent theme into the child, then making the modification.
However, it won’t always be 3 columns as this is a responsive theme and as the screen gets smaller, it will go from 3 columns to 2, then to 1 on phones. By default, it’s set to be 4 columns, then responsive down to 3, then 2, then 1 as the screen goes smaller.
I can point you to the file that you would be editing if you still want to do this? Probably have to wait until I start my day tomorrow though.
I acctually want to do this, if you could point the file out for me pleas 🙂
Thread Starter
Moshje
(@moshje)
I would very much appreciate that, thanks! Already setup a child theme. Decrease of columns in smaller screens is no problem, I just want to set the maximum on 3.
Actually, this can be done with custom CSS only. The code below gives you responsive layouts where on larger screens it’s 3 columns, smaller screens, 2 columns, then on really small screens like phones, 1 column downward.
@media (min-width: 20em) {
.image-post .hentry {
max-width: 100%;
}
}
@media (min-width: 48em) {
.image-post .hentry {
max-width: 50%;
}
}
@media (min-width: 87em) {
.image-post .hentry {
max-width: 33.3333%;
}
}
Thread Starter
Moshje
(@moshje)
Thanks. Is it also possible to use the grid for pages instead of posts?
You’re vwey welcome. As for the grid, that is only for the pro version — sorry about that.
