Archived topic
columns padding
5 replies · Started by Drew on March 28, 2018
I am having the worst time trying to get the bottom padding removed when using a column inside a section. I've assigned the section a custom class, and inspect element shows the bottom padding and margins are all removed but I still see space at the bottom of the section container: https://www.screencast.com/t/V9rNIwf1
Moreover, I don't see any elements within the container that have padding/margin space that would be contributing to the gap.
All I'm trying to do is sit the image flush with the bottom of the container: https://www.screencast.com/t/PHghnKaRXr4
What am I missing?
Hi there,
Have you tried turning off equal height within the columns?
Let me know if that works.
Not yet; I just tried, but still no luck. Just to be safe, here's the column shortcode with the attribute to deactivate equal height:
[lgc_column grid="30" tablet_grid="30" mobile_grid="100" equal_heights="false" last="false"]
<h1>WordPress Event Management</h1>
The powerful, reliable, and optimized event management platform you've been looking for.
[/lgc_column]
[lgc_column grid="70" tablet_grid="70" mobile_grid="100" equal_heights="false" last="true"]<img class="alignnone size-medium wp-image-400" src="http://ventureeventmanager.com/wp-content/uploads/2018/03/devices2-1024x531.png" alt="" width="1024" height="531" />[/lgc_column]...huh, the comment metabox here parsed the shortcode :)
Let's try this again: https://www.screencast.com/t/w1Czum15kli
Now we can do this:
.blue_header img {
vertical-align: bottom;
}There we go: Itch. Scratched. :)
I was trying to apply the vertical align previously but was missing the step of deactivating the equal height. Many thanks Tom!
You're welcome :)
