[Resolved] Blog archive page read more button alignment

[Bill]

Hi, the last post on the blog archive page read more button does not align with the others.

[Leo]

Hi there,

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

Thanks 🙂

[Bill]

Hi Leo. I disabled Perfmatters and Autoptimize.

[Bill]

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>

[David]

Hi there,

try adding this CSS:

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

[Bill]

Thanks David, that worked.

[David]

Glad to hear that!

[Author]

Posts