grid size image post

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 ??

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%;
   }	
}

• This reply was modified 8 years, 6 months ago by Shaped Pixels.

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.