Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • August 17, 2017 at 10:31 pm #840637
    Lissasan

    Here’s a page with 3 Masonry Galleries with the different settings I’ve tried. http://www.royal-mfg.com/r0y4lwp/inspiration-gallery/

    First gallery is set to All images, 3 columns, Flexible masonry, No gap. On Chrome (Mac), the images are in the correct order but there are large white spaces between the images, and on Firefox (Mac) the grid looks the way I want, but the images are out of order.

    Second gallery is set to All images, 3 columns, Perfect grid, Landscape, No gap. Images show up as large squares, which is not what I want.

    Third gallery is set to All images, 3 columns, Perfect Automatic Masonry, No gap, and the grid will only display one column, which is not at all what I want.

    I really want the grid to look like the first gallery on Firefox, but in all browsers, and with the images in the correct order. How can I accomplish this? Am I using the wrong element?

    Thanks!

    • This topic was modified 7 years, 3 months ago by Lissasan. Reason: additional question
    August 21, 2017 at 7:48 am #841891
    Rikard

    Hey Lissasan,

    Sorry for the late reply. First off, could you try updating the theme to the latest version (4.1.2) to see if that helps please? http://kriesi.at/documentation/enfold/updating-your-theme-files/. If that doesn’t help then please post admin login details in private so that we can have a closer look.

    Best regards,
    Rikard

    August 23, 2017 at 9:25 pm #843273
    Lissasan

    Hi Rikard,
    Updating the core theme files didn’t fix the version of the Masonry Gallery that should have 3 columns. I went back in and resaved all of the settings and the page, and then opened in an incognito window, and there was no change in behavior in Chrome, nor in Firefox.

    I’ve added an admin for y’all.

    Thanks!

    August 24, 2017 at 6:23 am #843354
    John Torvik

    Hi,

    First off, you can try to check if there are any plugin conflicting with our theme disabling all of them and clear your cache after the update because is strange that this problem only happens in the Firefox.

    Best regards,
    John Torvik

    August 24, 2017 at 11:37 pm #843740
    Lissasan

    I’ve turned off all plugins and flushed cache, but the problem, for me, is still there, and is not only happening in Firefox, it is happening in Chrome, Firefox, Opera, and Safari.

    Did someone look at the page? I added headers over every gallery detailing the settings used for each.
    http://www.royal-mfg.com/r0y4lwp/inspiration-gallery/

    August 29, 2017 at 5:30 am #845185
    Ismael

    Hi,

    Are you willing to create the grid manually? The masonry and the portfolio grid element is using the same isotope script which calculates the position of the items and it’s quite inconsistent sometimes if the size of the images are not the same. You have to make sure that each items are using images with the same exact size, not 1px more or less. If you’re willing to do it manually, you can use the columns element.

    Best regards,
    Ismael

    August 31, 2017 at 10:18 pm #846532
    Lissasan

    Thank you Ismael, I think I understand now. I used the portfolio grid and fixed the image sizes, and that behaves (mostly) the way I want it to.
    Thanks again!

    September 1, 2017 at 7:28 am #846653
    John Torvik

    Hi,

    You are welcome!

    Best regards,
    John Torvik

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