grid layout homepage

.

Hi there,

you can enable 2 columns in the Blog Module:

https://docs.generatepress.com/article/using-columns-in-the-blog/

Navigation colors can be edited in Customizer > Colors > Primary Navigation

Thank you so much, it works.
one more question is how can I match the grid layout placement?
I mean please check the image: https://imgur.com/nJsNZTQ

you can see the continue reading button placement isn't the same for the grids. the alignment is not matching, I want to make the boxes position to the same for every grid. I set the excerpt word count to 30 words. but the read more button position aren't the same for every grids.

Can you disable the Masonry option. Then i can look at button alignments.

I disabled the masonry option. please check the button position, they are not matching for all grids.

Add this CSS to your site:

.generate-columns .inside-article,
.entry-summary {
    display: flex;
    flex-direction: column;
    flex: 1;
}
.read-more-container {
    margin-top: auto;
}

David, you are a legend! problem solved :) thank you so much.

You're welcome