Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • September 12, 2014 at 5:04 pm #318200
    etiagomail

    Hi,

    I wonder if you can help me.

    I would like tu set my masonry galleries with the large gap enabled, but I find it to be too large (and 1px is too small).

    Would you please give me the css code to set the gap to, say, 5px for example?

    Thank you

    br
    tiago

    • This topic was modified 10 years, 7 months ago by etiagomail.
    September 12, 2014 at 5:20 pm #318207
    Yigit

    Hey etiagomail!

    Please choose to display 1px gap and then add following code to Quick CSS in Enfold theme options under General Styling tab

    .av-masonry-entry { margin-right: 5px; }

    Regards,
    Yigit

    September 12, 2014 at 9:44 pm #318339
    etiagomail

    Hi Yigit,

    Thank you for your help.

    Unfortunately, the code you sent is not enough to solve this issue. Now, images do have a 5px gap on their right, but I need the gallery to display a 5 px gap on their right, left, bottom and top.

    More importantly, applying your code, leaves a huge white gap on the right of the gallery, as images are nor resized to reflect this new gap (I am guessing this one)

    Please help. Thank you.

    br
    tiago

    September 13, 2014 at 12:36 pm #318491
    Ismael

    Hi!

    You can try to apply an inset box shadow on the masonry items to act as a gap. Something like this:

    .av-fixed-size .av-masonry-image-container, .av-fixed-size .av-masonry-outerimage-container {
    -webkit-box-shadow:inset 0px 0px 0px 5px #e7e7e7;
    -moz-box-shadow:inset 0px 0px 0px 5px #e7e7e7;
    box-shadow:inset 0px 0px 0px 5px #e7e7e7;
}

    Change the shadow color in accordance to the background of the masonry container.

    Cheers!
    Ismael

    September 15, 2014 at 10:46 pm #319466
    etiagomail

    Hi Ismael,

    Thank you for your help.

    Unfortunately, I cannot see any results. At least, without further help, I cannot make it work.

    Any other ideas?

    Thanks
    br
    Tiago

    September 16, 2014 at 8:07 am #319636
    Ismael

    Hi!

    Please post the actual page with the masonry gallery and your temporary login details. Set it as a private reply. We’ll add the css snippet.

    Regards,
    Ismael

    October 8, 2014 at 10:11 am #332239
    etiagomail

    Hi Ismael,

    My apologies for the late reply.

    I´ll be leaving things as they are, for now. In case I need it, I´ll get back to you again.

    You may close this topic, if you wish.

    Thank you.

    br
    tiago

  • Author
    Posts
Viewing 7 posts - 1 through 7 (of 7 total)
  • The topic ‘Masonry Gallery Gap size’ is closed to new replies.