Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #1395252

    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.

    #1395287

    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

    #1395336

    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?

    #1395479

    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.

    • This reply was modified 1 year, 10 months ago by christiemade.
    • This reply was modified 1 year, 10 months ago by christiemade.
    #1395486

    Hey!

    Great! Glad to know that the modification is working correctly. Please feel free to open another thread if you have more questions about the theme.

    Have a nice day.

    Best regards,
    Ismael

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