Tagged: 

Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • June 8, 2016 at 7:22 am #644581
    darajan

    Hello,

    Is there a way to define a specific custom gap width besides current options as no gap, 1 and large.
    Also, can we set different gap option for mobile.

    June 9, 2016 at 8:46 am #645296
    Ismael

    Hey Yan,

    Thank you for using Enfold.

    Set the gap to “large” then add this in the Quick CSS field to adjust the space between the elements:

    .av-large-gap.av-fixed-size .av-masonry-entry .av-inner-masonry {
    right: 50px;
    bottom: 50px;
}

    Adjust the value as needed.

    Best regards,
    Ismael

    June 9, 2016 at 10:04 am #645337
    darajan

    Thank you, it works!

    Yan

    June 9, 2016 at 11:35 am #645376
    darajan

    Hi Ismael,

    I noticed that in order to do a perfect customized gap, we need to add this code also, don’t we.

    .av-masonry-gallery {
    padding-left: 0px !important;
    }

    Otherwise, when you set Large gap, there will be a large padding on the left no matter what you set to the code you provided.

    June 10, 2016 at 9:15 am #646098
    Rikard

    Hi,

    Thanks for sharing that, did that fix it for you?

    Regards,
    Rikard

    June 10, 2016 at 6:45 pm #646304
    darajan

    Yes, it works. Thanks.

    yan

    June 10, 2016 at 7:51 pm #646316
    Vinay

    Hi,

    Glad we could help!
    To know more about enfold features please check – http://kriesi.at/documentation/enfold/
    Thank you for using Enfold!

    Best regards,
    Vinay

  • Author
    Posts
Viewing 7 posts - 1 through 7 (of 7 total)
  • The topic ‘Define custom masonry gap between elements’ is closed to new replies.