Support » Theme: Morphology Lite » grid size image post

Viewing 6 replies - 1 through 6 (of 6 total)
  • Theme Author Shaped Pixels

    (@shaped-pixels)

    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.

    Emil

    (@emilrauhenielsen)

    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.

    Theme Author Shaped Pixels

    (@shaped-pixels)

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

    Thanks. Is it also possible to use the grid for pages instead of posts?

    Theme Author Shaped Pixels

    (@shaped-pixels)

    You’re vwey welcome. As for the grid, that is only for the pro version — sorry about that.

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘grid size image post’ is closed to new replies.