Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #1367997

    I have a 1/1 layout element with the masonry gallery inside of it, and there is a 2px right margin, despite the padding being set to zero.

    Is there a way to eliminate this?

    Thanks!

    #1368061

    Hi Ryan,

    Thanks for providing the link for us.
    I have checked the page and the masonry has this class av-large-gap which means the Gap between elements (in Styling) is set to Large Gap.
    If it has been set to No Gap, then please try to clear any caching plugin and temporarily disable it.
    If that still does not work, you can either give us temporary admin access or try fixing it by going to Enfold > General Styling > Quick CSS and add this CSS code:

    #top .av-large-gap.av-flex-size .av-masonry-entry .av-inner-masonry {
        margin: 0;
    }

    Best regards,
    Nikko

    #1368350

    Hi Nikko,

    Thanks for the reply. However, the issue is not the gap between the elements. The issue is the tiny gap on the right hand side, despite the padding being set to zero:

    enfold-snip-2

    Thanks

    #1368357

    Hi Ryan,

    Can you replacing the last code I gave with this one:

    #top .av-large-gap.av-flex-size .av-masonry-container {
        margin-left: -6px;
    }
    
    #top .av-large-gap.av-flex-size .av-masonry-entry .av-inner-masonry {
        margin-left: 6px;
        margin-right: 6px;
    }

    Hope it helps.

    Best regards,
    Nikko

    #1368365

    that worked, thanks Nikko!

    #1368370

    Hi Ryan,

    We’re glad that we could help you :)
    Thanks for using Enfold and have a great day!

    Best regards,
    Nikko

Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘how to eliminate 2px right margin from layout element’ is closed to new replies.