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

    Hello,

    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: http://www.frontiertouring.com
    (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?

    Thanks!

    #295175

    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: http://kriesi.at/themes/enfold/portfolio/masonry-portfolio/

    Notice the tall phone and wide safe graphic.

    Best regards,
    Devin

    #310820

    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.

    Thanks!

    #310822
    This reply has been marked as private.
    #311739

    Hi!

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

    Regards,
    Yigit

    #317755
    This reply has been marked as private.
    #318383

    Hello,

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

    Regards,
    Josue

    #318434

    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:
    http://pbrd.co/1D2S2JZ – (ENFOLD Demo site / Masonry Portfolio – Safari 7.0.6)
    http://pbrd.co/1D2SojC – Enfold Demo site / Masonry Portfolio – Chrome version 37.0.2062.120)

    #318435
    This reply has been marked as private.
    #321146

    Hi!

    See what you get with the masonry script as a standalone, its the same one we have in place: http://isotope.metafizzy.co/layout-modes/masonry.html

    Cheers!
    Devin

    #360199

    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.

    cheers

    Jez

    #360204

    Hello!

    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.

    Cheers!
    Josue

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

You must be logged in to reply to this topic.