This is a Flexible Masonry with ‘Gap between elements’ set to ‘Large Gap’ So why is there no gap anymore? Happened after upgrading to Enfold 5.4.
Hey Christie,
Thank you for the inquiry.
Did you add this css code?
#top .container .av-masonry.av-large-gap {
padding: 0;
width: 102%;
width: calc(100% + 15px);
}
It sets the padding of the masonry items to zero. Please adjust the modification or override it with the following css.
#top .container .av-masonry.av-large-gap {
padding: 15px 0 0 15px;
}
Best regards,
Ismael
maybe it is better to set it for the inner-masonry
#top .container .av-masonry.av-large-gap .av-inner-masonry {
padding: 15px 0 0 15px;
}
btw: why is there a css with 102% width set ? is it just for opera mini that could not use calc for width?
No, I have no custom CSS here (I removed it all to make sure that wasn’t causing any issue)
The styling in question appears to be coming from:
/wp-content/themes/enfold/config-templatebuilder/avia-shortcodes/masonry_entries/masonry_entries.css?ver=5.4
I added the override (to default Enfold CSS) suggested by Guenni007 as the only custom CSS:
#top .container .av-masonry.av-large-gap .av-inner-masonry {
padding: 15px 0 0 15px;
}
And that did the trick.