[Resolved] columns padding

Home Forums Support [Resolved] columns padding

Home Forums Support columns padding

  • This topic has 5 replies, 2 voices, and was last updated 6 years ago by Tom.
Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #534367
    drew

    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?

    #534614
    Tom
    Lead Developer
    Lead Developer

    Hi there,

    Have you tried turning off equal height within the columns?

    Let me know if that works.

    #535062
    drew

    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

    #535352
    Tom
    Lead Developer
    Lead Developer

    Now we can do this:

    .blue_header img {
        vertical-align: bottom;
    }
    #535379
    drew

    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!

    #535818
    Tom
    Lead Developer
    Lead Developer

    You’re welcome πŸ™‚

Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.