Archived topic
Align Blog archive images to same height
27 replies · Started by eden on January 25, 2020
Hi there,
Sorry about the delay - not sure how this one slipped through.
I think it's the image resizer not working correctly. Did you try the solution I linked to?
Actually I dont understand what should I do
The issue is that Image would need to be wider then the post container for it to be the same height as the other images.
2 options:
1. Reduce the height of the featured image in the Customizer to 190px.
or
2. Use this CSS:
.generate-columns-container .post-image img {
min-height: 250px;
object-fit: cover;
}
I have put the code but unfortunately no change
Where did you add the code ? I cannot see it in the site. Can you add it back in and clear any plugin and browser caches.
I have added it in Customise > Add CSS
I have cleared cache
I can see the code now - and it is working.
I cant see any difference, there are still height differences as before.
Can you plz screenshot what you see ?

Yes the problem still exists can you seen the button height differences in some of the blog posts ?
how can I fix it ?
The button position and the image height are unrelated, can you confirm the image height problem is resolved ?
Now to position the buttons requires this CSS:
.generate-columns .inside-article,
.inside-article .entry-summary {
display: flex;
flex-direction: column;
height: 100%;
}
.read-more-container {
margin-top: auto;
}
Its all looking perfect now thank you
You're welcome