[Support request] Vertical Align content in Sections and Headers

[Kim]

Hi,

I try to vertically align content (Text and Images) within Sections and Page Headers and don’t get it to work. I am also using the Lightweight Gris Columns Plugin.

Can you give some advice please?

Many thanks!

[Tom]

Verticalling aligning content is difficult unless you’re using flexbox.

Lightweight Grid Columns don’t use flexbox currently, so you might have better luck using a plugin like this: https://en-ca.wordpress.org/plugins/gridable/

[Kim]

Hi Tom, many thanks for your quick reply! If I want to stay with Lightweight Grid Columns – is there a way to reach something similar (e.g. with padding or margin)?

And how did you manage to align the images with the bottom of the page headers of these pages:

https://generatepress.com/
https://generatepress.com/premium/

I tried to figure out the CSS, but couldn’t get it to work 🙁

Many thanks!

[Leo]

It’s using this CSS here:

@media (min-width: 1024px)
.add-on-image {
    display: block;
    position: absolute;
    right: 0;
    bottom: 0;
}

If you right click on the image and use the developer tool, you can see how that section is built exactly 🙂

[Author]

Posts