Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • July 7, 2020 at 2:45 pm #1228609
    xela

    Hello, I need to get more space between images in a flexible masonry grid. The “Big distance”-option is not enough.
    Can you tell me whether I can use some CSS to manage it?

    THANKS!
    Alex

    July 7, 2020 at 8:39 pm #1228686
    Victoria

    Hey alex,

    Could you please give us a link to your website, we need more context to be able to help you.

    Best regards,
    Victoria

    July 8, 2020 at 7:10 am #1228775
    xela

    yes, of course, thanks.
    _
    Please scroll down to the masonry, there are three images right now.
    The grid of the gutter should have way more whitespace.

    thanks!

    July 8, 2020 at 7:25 pm #1228966
    Jordan Shannon

    Hi,

    Add this to quick css:

    #av-masonry-1 figure{
    padding:50px!important;
}

    Adjust the padding to whatever you need.

    Best regards,
    Jordan Shannon

    July 9, 2020 at 6:11 am #1229059
    xela

    Thanks, but when I hover over the images the background still is in the former padding which makes it look quite unpolished.
    Could you help again, thanks!

    Best regards

    • This reply was modified 4 years, 5 months ago by xela.
    July 10, 2020 at 3:28 am #1229267
    Jordan Shannon

    Hi,

    Try adding the following as well:

    #av-masonry-1 figure:hover{
    padding:50px!important;
}

    Best regards,
    Jordan Shannon

    July 10, 2020 at 9:23 am #1229350
    xela

    Unfortunately it did not work, but I added sth. like:

    #top .av-caption-style-overlay .av-masonry-item-with-image .av-inner-masonry-content {
    margin:52px!important;
    }

    That kind of made it.
    Thanks anyways.
    Alex

    July 10, 2020 at 8:50 pm #1229490
    Jordan Shannon

    Hi,

    No problem. Did you need additional help with this topic or shall we close?

    Best regards,
    Jordan Shannon

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