July 22, 2014 at 7:06 am #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: 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 #295175
For the portfolio items you can tag them with
portraitor 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.
DevinAugust 29, 2014 at 9:32 am #310820
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 #310822September 1, 2014 at 11:57 am #311739
Sorry for the late reply!
Do you mind creating a temporary admin login and posting it here privately?
YigitSeptember 12, 2014 at 2:57 am #317755September 13, 2014 at 2:05 am #318383
I’m seeing the gaps in Chrome too, have you tried disabling all third-party plugins to see if it gets fixed?
JosueSeptember 13, 2014 at 8:29 am #318434
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!September 13, 2014 at 8:31 am #318435September 18, 2014 at 1:32 pm #321146
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
DevinNovember 30, 2014 at 3:42 am #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.
JezNovember 30, 2014 at 4:04 am #360204
You must be logged in to reply to this topic.