[Resolved] Column content centered horizontal and vertically

[Iñaki Mansilla]

Hi.

I need my column content centered horizontal and vertically.

I have been using this method:
http://zerosixthree.se/vertical-align-anything-with-just-3-lines-of-css/.

However this is not suitable when you have large text in your column. Is there any better suggestion??…

Thanks.

[Leo]

Hi there,

Centering vertically can be tricky. Sometimes it might be easier to just add top padding to do adjustment.

You can also take a look at this page: https://css-tricks.com/centering-css-complete-guide/

[Iñaki Mansilla]

Hi Leo.

Yes I know is tricky… Hopefully one of this days it would not be so complicated!!.

I know about https://css-tricks.com/centering-css-complete-guide/ and http://howtocenterincss.com.
The problem is centering large text in “inside-grid-column”, when using Lightweight Grid Columns plugin.

Thanks for your help.

[Leo]

Ahh yeah that’s trickier because the way LGC was built.

I think using padding top and fine tune is the best method for now.

Or you can try Gridable as it’s using flex box: https://en-ca.wordpress.org/plugins/gridable/

[Jon]

I have a grid of images of varying heights that are displayed using the lightweight grid column plug-in. The grid is 3-across and 3 down. The challenge is to get equal heights so I can center each image so all line up nicely. Because each element has it’s own height, I can’t do that.

After grinding on this problem for two days, I just read here that LGC can’t have universal heights. Oh man. I like LGC; too bad it has this limitation. I’d rather not have to gorilla the images or bail from LGC, but I’m reading that is what has to be done.

Add my vote for including the capability for universal heights for alignment purposes.

[Leo]

I think all the columns plugins won’t get updated anytime soon as everyone is waiting to see what Gutenberg is capable of 🙂

It’s actually not possible to make LGC equal height as it’s not using flexbox.

You should be able to do this though: https://generatepress.com/forums/topic/equal-height-grid-column/

[Iñaki Mansilla]

Yes, Thanks for your help Leo.

[Leo]

No problem 🙂

[Author]

Posts