Navigation
Archive / Spacing of elements
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • January 20, 2017 at 7:17 am #1338284
    Henk v
    Participant

    Hi there,
    How do I get rid of spacing between the top green element and the essential grid. (attachments)
    When I add an image with mtn mbn they sit flush against each other. When I remove the image, I get the spacing… Something I’m overlooking?

    Cheers!
    Henk

    January 20, 2017 at 7:20 am #1338289
    Henk v
    Participant

    Sorry, here’s the second image..

    January 20, 2017 at 7:21 am #1338292
    Henk v
    Participant
    This reply has been marked as private.
    January 20, 2017 at 11:14 am #1338579
    Nabeel A
    Moderator

    Hi there,

    Thanks for writing in! Please add the following code in your Customizer via Appearance > Customize > Custom > Edit Global CSS:

    .home #x-content-band-8 p {
    margin-bottom: 5px;
}

    Let us know how this goes!

    January 20, 2017 at 2:58 pm #1338891
    Henk v
    Participant

    That works indeed, but for future understanding, why do I need this code without the image and not with the image in between?
    I’m also confused why I am editing the bottom margin for a space on top!

    Thanks for the solution, but some explanation could be helpful for me to understand what’s happening.

    Thanks!
    Cheers,
    Henk

    January 20, 2017 at 3:23 pm #1338935
    Jade
    Moderator

    Hi Henk,

    There is a <p> tag that wraps some elements added by Essential grid that caused the spacing.

    Due to that, we have to add the CSS code that eliminates the default bottom margin in the p tags.

    Hope this helps.

    January 21, 2017 at 2:48 am #1339457
    Henk v
    Participant

    Ok,so it’s typical for an Essential Grid underneath a text element?
    (because underneath a picture there’s no problem)

    Thanks for your help, ..as always 😉

    Cheers,
    Henk

    January 21, 2017 at 3:04 am #1339467
    Christopher
    Moderator

    Hi there,

    By default <p> tags have bottom margin. I don’t know why some elements are being wrapped within <p> tag, maybe it’s how essential grid works.

    Thanks

  • Author
    Posts
  • <script> jQuery(function($){ $("#no-reply-1338284 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>