Align text and image of a grid

Hello,

I’ve added a third column on my front page to create a grid with my last posts.
How could I manage to have the images aligned (I mean : whether the text takes 2 or 3 lines, have the images on the same line and have same-size images) so everything looks the same ? I can’t find the answer anywhere :frowning:

Attached is the screenshot how it is displayed right now and on the right how I wish it looked like :slight_smile:
Here is my website : http://lamariniereenvoyage.com/

Thank you very much for your precious help !
Cheers,
Celine

Hi Celine,

I hope you are well today and thank you for your question.

You can try achieving this by adding the following CSS code in the Custom CSS option of your theme on the below path.

Admin Area -> Appearance -> Customize -> Additional CSS

.blog .post-inner-content header.entry-header {
    min-height: 172px;
}

Best Regards,
Movin

Hi !
Thank you, now my pictures are aligned !!
Is it possible to align the date as well ?
Thank you so much for your help !
Celine

You can align the date using below custom CSS code.

.home time.entry-date.published {
    margin-right: 30px;
}

Hello Movin,
I’m not sure it changes anything… :frowning:
Thank you !
Celine

Please see the attached screenshot to know how it is displaying correctly for me.

Please test it clearing browser cache or using different browser.

Hi Movin !
Well yes, but the dates are still not aligned, how could I have them on the same “row” ?
Thank you :slight_smile:
Celine

Ok so it seems you are talking about vertical alignment and not horizontal.

You can use below CSS code to achieve this.

.blog .entry-meta {
    margin-bottom: 0;
    position: absolute;
    bottom: 0;
}

.blog .post-inner-content header.entry-header {
    position: relative;
}

Hi Movin,
So sorry for that mistake, I should have precised this !
Anyway it works now, thank you so much !
Celine

You are most welcome here :slight_smile: