Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • June 12, 2019 at 5:44 pm #1109543
    jo3bo76

    Hello,

    On my website [Link 1] I have a masonry grid with images but the gap in between them is too big. Please can you let me know how to adjust this gap and make them closer? I have the blog element on most of my pages so this will apply to all pages.

    Then on [Link2] I have used some css to remove the blog categories which is below, the problem is that I have added buttons below the ‘whats on’ section and ‘Offers section’ and it has left a big gap where the categories were, is it possible to close this gap up so the button is closer to the 3 blog images?

    span.blog-categories.minor-meta {
    display: none!important;
    }

    Many thanks
    Joe

    June 13, 2019 at 7:28 am #1109763
    Jordan Shannon

    Hey Joe,

    Try this for #1 first in quick css:

    .slide-entry-wrap article{
margin-left:20px!important;
}

    Best regards,
    Jordan Shannon

    June 13, 2019 at 10:30 am #1109815
    jo3bo76

    Thanks Jordan,
    It’s worked in closing the gap but it’s pulled it all to the left, leaving a gap on the right?
    Is there a fix to centralise it?
    Thanks
    Joe

    June 16, 2019 at 5:05 pm #1110809
    Victoria

    Hi jo3bo76,

    Could you please attach some screenshots of the issue?

    Could you please attach a mockup of what you’re trying to achieve?

    Best regards,
    Victoria

    June 16, 2019 at 5:14 pm #1110815
    jo3bo76

    Hi Victoria,

    As you can see from the attached screenshot the css code is pulling the images to the left and leaving a gap on the right, it’s not centralising the blog posts.

    Also the More button has a large gap above it, I can’t close it up and I removed the blog categories using css code so it’s left a large gap.
    Does that make sense?
    I’ve attached a mock up in the Private box.

    Thanks
    Joe

    June 17, 2019 at 5:15 am #1110905
    Rikard

    Hi Joe,

    Thanks for the update. Please try this CSS as well:

    .slide-entry.av_one_third {
    width: 31%;
}

    Best regards,
    Rikard

    • This reply was modified 6 years, 5 months ago by Rikard.
    June 17, 2019 at 10:52 am #1110966
    jo3bo76

    Thanks so much, that seems to have worked :-)

    June 17, 2019 at 6:29 pm #1111094
    Jordan Shannon

    Hi,

    I’m glad this was resolved. If you need additional help, please let us know here in the forums.

    Best regards,
    Jordan Shannon

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘Gaps on Blog Masonry Grid’ is closed to new replies.