Tagged: fullwidth masonry, layout
-
AuthorPosts
-
July 22, 2014 at 7:06 am #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!
July 23, 2014 at 10:52 pm #295175Hi 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,
DevinAugust 29, 2014 at 9:32 am #310820Hi 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!
August 29, 2014 at 9:37 am #310822This reply has been marked as private.September 1, 2014 at 11:57 am #311739Hi!
Sorry for the late reply!
Do you mind creating a temporary admin login and posting it here privately?Regards,
YigitSeptember 12, 2014 at 2:57 am #317755This reply has been marked as private.September 13, 2014 at 2:05 am #318383Hello,
I’m seeing the gaps in Chrome too, have you tried disabling all third-party plugins to see if it gets fixed?
Regards,
JosueSeptember 13, 2014 at 8:29 am #318434Hi 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)September 13, 2014 at 8:31 am #318435This reply has been marked as private.September 18, 2014 at 1:32 pm #321146Hi!
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!
DevinNovember 30, 2014 at 3:42 am #360199Very 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
November 30, 2014 at 4:04 am #360204Hello!
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 -
AuthorPosts
- You must be logged in to reply to this topic.