Archived topic
Vertical Align content in Sections and Headers
3 replies · Started by Kim on December 16, 2017
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!
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/
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!
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 :)