Vertical align center text in link box using Grid / CMS

Design help General
1

Hi everyone,

I’m using the Grid and CMS for the first time for a blog and running into a vertical text issue. On the blog page, I created a link block for each post so that the entire box area is clickable. But I’m having trouble to vertically align the heading text. Can anyone spot what I’m doing wrong? Thanks!

Here’s my site
https://preview.webflow.com/preview/360mike?utm_medium=preview_link&utm_source=dashboard&utm_content=360mike&preview=1d68fa944243fdb1fd53b523f2c85433&pageId=5d67e68018a3e76b4ad2d94a&mode=preview

2

Hi @MikeMiello,

This is quite simple. Just turn the link block into a flexbox and center align on vertical.

CloudApp

1 Like
3

thanks so much! Somehow using Grid for the first time, I must’ve just overlooked it.

4

and just curious…how did you make this gif? So nice!

5

Hi @MikeMiello,

I use CloudApp for all my recordings. They have a built in GIF capture too. Sooooo many great features. If you look at all the recordings in here from staff members, they are mostly in CloudApp, the rest use Loom. I usually use loom, but Ive come to fill up my allotment on the free plan and didnt want to lose older ones if people were still viewing. lol

1 Like
6

awesome!

Can’t deny the man the ability to leave a good legacy. :slight_smile: Thanks a lot for the help!

1 Like
7

4 years later, but I have the same problem…
I turned the linkbox to flex and centered it and in the designer, it looks centered - yet when it’s published, the link is always on the bottom of my grid cell.
I feel like I’ve tried every possible of centering with auto margin and flex box…
Please help! Thank you

grafik
grafik1920×1086 133 KB

https://preview.webflow.com/preview/turns-faserkreislauf-380c523064af1c9fd4?utm_medium=preview_link&utm_source=designer&utm_content=turns-faserkreislauf-380c523064af1c9fd4&preview=d4787a2c914c8748f515e286fb0487ed&workflow=preview