Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • January 11, 2015 at 10:08 pm #378046
    maxluijben

    Hi there,

    I was wondering if you could help me with the following question.

    I have bought the Enfold theme a while ago, and I was wondering if it’s possible to increase the gap size between the thumbnail images for the masonry portfolio. Currently i’m already using the largest gap according to the ‘gap between elements’ feature in the visual composer, but i would like it to be even larger. I’ve been trying to do it myself by using CSS, but i couldn’t figure out which code to adjust.

    Could you tell me how i increase the gap size, or even better, what CSS code is needed?

    Thanks in advance.

    January 12, 2015 at 5:43 pm #378406
    Yigit

    Hey Max!

    Please add following code to Quick CSS and adjust as needed

    .av-masonry-col-2 .av-masonry-entry {
width: 48.8%;
margin-right: 1%;
}

    Regards,
    Yigit

    January 13, 2015 at 2:19 am #378615
    maxluijben

    Thank you for your answer!

    The code works, but the result is that the gap for the rightmost thumbnails also increase.
    But I’ve got the solution already. Since i also posted my question on the comment page on themeforest.net, your colleagues gave me the following code which does the job.

    .av-large-gap.av-flex-size .av-masonry-entry .av-inner-masonry {
    margin-right: 30px;
    margin-bottom: 30px;
    }

    .av-masonry-container {
    width: 103.5%;
    }

    Thank you for your help anyway :)

    Max

    • This reply was modified 10 years, 2 months ago by maxluijben.
  • Author
    Posts
Viewing 3 posts - 1 through 3 (of 3 total)
  • The topic ‘Increase masonry gallery gap size’ is closed to new replies.