Change grid size for posts on home page of Massively

Hi all,

I’ve been trying to find how to change the number of posts per row in the Massively theme. Despite a trawl through the code, I can’t seem to find how to change this. I’m sure it is somewhere in the main css file, where it seems to define the width percentages, which seem to differ for different columns. Apologies, I’m not a very good CSS programmer and am not sure what purpose most of the options are serving. I was wondering whether anyone knew what would need to be changed to change the number of posts per row.

Many thanks!

The CSS code that controls the column width is the following. 50% for each column.

#main > .posts > *  {
    padding: 4rem;
    width: 50%;
}

You can decrease it to 33% to have 3 columns instead of 2. Also, reducing the padding will give better result.

#main > .posts > *  {
    padding: 2rem;
    width: 33%;
}
1 Like

Thanks very much for the rapid response!

1 Like