Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
  • #294204


    Regarding the fullwidth masonry layout, I would like to create a layout of ‘perfect’ sized portrait, landscape, or square images that align perfectly – and without any clipping.

    Is there a particular setting I need to use, or do I have to preset the images to a certain size prior to uploading?

    I know this website does not use enfold, but the look I am after is on this site:
    (ie- it is as though each image is made up of one or more of the ‘small square’ sizes – e.g.: portrait images are two squares vertically, landscape images are two squares horizontally, and a ‘large square’ is four smaller squares.

    Can enfold’s fullwidth masonry support this look?

    At what ratio / size would I need to resize or upload my images to if I wanted to create a similar layout?



    Hi junebug0283!

    For the portfolio items you can tag them with landscape , portrait or both to create portfolio items in a masonry layout that are double width/double height or both when used in the layout.

    The effect looks like this:

    Notice the tall phone and wide safe graphic.

    Best regards,


    Hi Devin,

    Thanks for that! However, there seems to be missing gaps that should fill in perfectly with the other images, but aren’t..?

    I’ll post the site in private reply.


    This reply has been marked as private.


    Sorry for the late reply!
    Do you mind creating a temporary admin login and posting it here privately?


    This reply has been marked as private.


    I’m seeing the gaps in Chrome too, have you tried disabling all third-party plugins to see if it gets fixed?



    Hi Josue,

    The problem only seems to be in Safari for me (both desktop and iPad) and Chrome on my iPad;
    Chrome (desktop) and Firefox (desktop) look ok to me, and everything fits in…?

    I’ll post a comparison of Safari vs Chrome in a private reply…

    Yes I did disable them all, emptied cache, and returned- and it still looks the same :(

    As a side note- even when I view the demo site for Enfold, it displays the gaps in my Safari – but NOT on chrome!

    See here: – (ENFOLD Demo site / Masonry Portfolio – Safari 7.0.6) – Enfold Demo site / Masonry Portfolio – Chrome version 37.0.2062.120)

    This reply has been marked as private.


    See what you get with the masonry script as a standalone, its the same one we have in place:



    Very interesting to see the original script being used, is there any way in Enfold to set the layout mode to ‘packery layout mode’ ? as this would resolve the gaps issues when using different shaped images.





    It is possible but it would require custom work, unfortunately that’s beyond the scope of the support we can offer. If you really need it you would have to contact a developer from Envato Studio or Codeable.


Viewing 12 posts - 1 through 12 (of 12 total)

You must be logged in to reply to this topic.