Vertically Center Align Images

Here’s an example of what I mean – https://imgur.com/xB5oEHk

Is there a way to vertically align these images please? They seem to just stick to top.
I could edit them but there’s hundreds of posts…

Thank you.

• This reply was modified 4 years, 8 months ago by mikedrum155.

Thanks for your post. are you displaying thumbnails only? there is no option to do this, but you can do that by custom CSS, please share your post grid pagr url.

Regards

Thanks for the reply.
I’ve tried all different sizes (under post grid settings) but none help.
The website isn’t live but I will try to figure out the CSS, hoping maybe you had something to hand to use?

Hi, here is the link – https://www.bni-focus.co.uk/NEW/news/

As you see the images seem to be aligned top, is there a way to make them centred please so it looks a bit tidier?

HI, please check your link, it’s showing me an expired domain.

Hi, sorry about that, it’s – https://www.bni-focus.co.uk/news/

You will see the featured images seem to be top aligned, rather than centre aligned, with also a bit of a gap between the image and post title.

help much appreciated!

Please use following CSS

.post-grid .item .layer-media {
    position: relative;
}
.layer-media a {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    transform: translateY(-50%);
}

View post on imgur.com

Perfect, thank you!

If you love our plugin and support please help us by providing your feedback and five-star reviews here
https://www.ads-software.com/support/plugin/post-grid/reviews/

Regards