Navigation
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • #1177312
    Paul Democritou
    Participant

    Hello,

    I’ve tried several CSS codes to remove the space in between my masonry blog including
    .x-iso-container-posts.cols-3 .entry-wrap {
    margin-top: 1em !important;
    margin-bottom: 0 !important;
    }
    but nothing works as seen in this screengrab.
    Please help,
    PD

    #1177712
    Lely
    Moderator

    Hi There,

    Masonry blog item position is computed on the fly. There must be some script that was causing this. CSS is not recommended to solve this but rather which code cause this. You could try testing for a plugin conflict. You can do this by deactivating all third party plugins, and seeing if the problem remains. If it’s fixed, you’ll know a plugin caused the problem, and you can narrow down which one by reactivating them one at a time.

    #1177713
    Rupok
    Member

    Hi there,

    Thanks for writing in! The spacing and position of Masonry grid is dynamic so you should not control this with code as it might break the usual layout. Can you provide your URL so that we can see?

    Cheers!

    #1178807
    Paul Democritou
    Participant

    pauldemocritou.com

    #1178810
    Paul Democritou
    Participant

    the issue is actually seen here: http://pauldemocritou.com/news/

    #1179114
    Rad
    Moderator

    Hi there,

    They are your site’s post tags area. Please change this CSS

    .x-integrity .post .entry-footer {
        display: absolute;
        top: -99999em;
        visibility: hidden;
    }

    to this

    .x-integrity .post .entry-footer {
        display: none;
    }

    Cheers!

    #1180344
    Paul Democritou
    Participant

    Great, thanks!

    #1180507
    Nico
    Moderator

    You’re most welcome.

    Feel free to ask us again.

    Thanks.

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