Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • July 29, 2017 at 10:54 am #831439
    danswebservices

    Is there any way to add a custom gap width to the masonry galleries – the large gap is too large and the 1px option is too small.

    July 30, 2017 at 10:12 am #831771
    Sarah

    Hey danswebservices,

    Thank you for using Enfold!

    Please try this: 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; }

    Please adjust the margin value to fir your preference.

    If you need further help, please provide a link to your site, showing the elements in question. We need to be able to inspect them in order to help more accurately :)

    Thank you!

    Best regards,
    Sarah

    August 5, 2017 at 4:27 pm #834823
    danswebservices

    Hi,

    While this did work it broke the responsive width of the site. There is also an issue, which is also present with the 1px gap where the left most image, and next image to the right on every single line have no border ruining the aesthetic.

    August 10, 2017 at 9:58 pm #837163
    Basilis

    Hi,

    Remove the margin, on the screen size that you do not want it

    media queries for common device breakpoints

    by changing the code here / making it zero, or add the margin-right only to the sizes you want it to be.

    Best regards,
    Basilis

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