Site logo

Archived topic

Align Blog archive images to same height

27 replies · Started by eden on January 25, 2020

Viewing posts 16–28 of 28

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

This archived topic is closed to new replies.