[Resolved] ( Read More ) Button alignment problem Fixing

Hi Arif,

Any chance you can link us to the site in question?

You can use the private information field.
https://docs.generatepress.com/article/using-the-premium-support-forum/#private-information

Let me know 🙂

Try this CSS:

.blog p.read-more-container, .archive p.read-more-container {
    margin-top: auto;
}
.blog .entry-summary, .archive .entry-summary {
    flex: 1;
}
.generate-columns .inside-article, .blog .entry-summary, .archive .entry-summary {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

You can add it to customizer > additional CSS.

Yes, correct.

Do you already have other CSS in the field?

If so, paste it in front of other CSS.

Don’t remove them, the code must be doing something to your current layout.

Just paste the new CSS code in 🙂

You can change the content container paddings at customizer > layout > container > content padding.

The customizer option applies for the entire site, I would recommend you set around 40px at customizer > layout > container > content padding.

Then add this CSS to modify the paddings around the posts on blog and archive pages.

.generate-columns .inside-article {
    padding: 30px 10px 5px 10px;
}

The 4 values are presenting top/right/bottom/left paddings around the post, please refer to the screenshot below:
https://www.screencast.com/t/lQoB5e4VqeJ