Blog archive page read more button alignment

Hi there,

Can you disable Autopimize and any other caching plugins so I can have a cleaner look at the code?

Thanks :)

Hi Leo. I disabled Perfmatters and Autoptimize.

This is the CSS I am using:

<style>
.blog .entry-summary, .archive .entry-summary {
flex: 1;
}
/* Blog align read more buttons */
.generate-columns .inside-article, .blog .entry-summary, .archive .entry-summary {
display: flex;
flex-direction: column;
justify-content: space-between;
}
.single-post .site-content {
margin-top: 40px;
padding-left: 15px !important;
padding-right: 15px !important;
margin-bottom: 50px !important;
}
.post-image-above-header .inside-article .post-image {
margin-bottom: 1em;
}
</style>

Hi there,

try adding this CSS:

.one-container.blog .post:last-child {
    padding-bottom: 50px !important;
}

Thanks David, that worked.

Glad to hear that!