-
Posts
-
Hello,
I ordered the images in the Masonry Gallery but the set order won’t display properly on the website. I tried deactivating all plugins that doesn’t solve the problem. How can this be fixed? Thanks in advance.
Kind regards,
CharlotteHi,
Can you please create us a WordPress administrator account? post it here as a private reply.
Regards,
JosueHi!
I duplicated your existing page template and created a private page called “test page” and i am having no issues re-ordering gallery items.
Can you please elaborate on the issue just in case i did not understand it clearly?Best regards,
YigitHi Yigit, thanks for your quick response.
The problem is that in the admin of the test page you created the last image is an image of a white book. But when you go check the site the image that is shown last is the image of the black book. So somehow, it slightly reorders some images. Not all, but some.Kind regards,
CharlotteHey!
Can you please update Enfold to the latest version 3.0.8 firstly – kriesi.at/documentation/enfold/updating-your-theme-files/
Cheers!
YigitHi Yigit,
I did the complete update of both WordPress and Enfold. But I still have my Masonry ordering ‘randomly’.
Hope you can help me out.Cheers!
CharlotteHi Charlotte!
I tired re-ordering the gallery (changed the first item) and it took effect in the front-end, please review your gallery page.
Cheers!
JosueHi Josue,
It’t not that re-ordering doesn’t have any effect. The point is that the ordering in the front-end is different from the ordering in the back-end. For example: under ‘Works’ I ordered 3 photos further down like this:
1. hands above a plate
2. dark menu book
3. folder with bird
But in the front-end it shows up like this:
2. dark menu book
3. folder with bird
1. hands above a plate
And now I see that when I make the browser screen smaller the images are re-ordered somewhat again.Hope you can help me out.
Cheers!
CharlotteHey Charlotte!
Please check your gallery now, you needed to select the “Perfect” Masonry option in order to get the exact ordering set in the back-end.
Regards,
JosueHi Joshue,
This fixes the order problem indeed. But it completely messes up the images. My client is an artist, and she doesn’t want her images to get cropped nor stretched. This is definitely a no go for her.
Is there an other way to get the exact ordering set in the back-end using the Flexible Masonry? Or maybe we could change the height/width ratio of the ‘Perfect Masonray’. Because this ratio is very important.Really hope you can help me out.
Thanks and kind regards,
CharlotteHi Charlotte!
One thing you can try is to reduce the number of columns so the images appear bigger. Also i’m not noting any cropping or stretching, just scaling when the perfect masonry setting is on.
Cheers!
JosueHi Joshue, Thanks for your quick reply.
My client doesn’t want the pictures to appear bigger. She specifically chose this format. And I chose Enfold because I really like this option where she can reorder the images in this masonry herself after the site is finished.
Furthermore, the images get definitely cropped in ‘Perfect Masonry’ because the images have more of a square format rather than a landscape format. So both sides, left and right, won’t show.Hope we can find a solution here, because this is crucial for the site and the works my client want to show.
Thanks and kind regards,
CharlotteHey!
I think i found a workaround, please check it. The masonry is set to “perfect grid” masonry so the ordering works and i added this to Quick CSS to maintain the original image sizes:
@media only screen and (min-width: 1200px) { .av-fixed-size .av-masonry-image-container img { display: block; } .av-masonry-image-container { background-image: none !important; } .av-masonry-item-with-image { max-height: 298px !important; } }Best regards,
JosueJosue (without the ‘h’, sorry about that)
You are my hero. This is exactly what I need.
One little thing though: I have one page (Writings) with the same Masonry but the format is boxed. The images now are cut off half way although I want them to show completely. Any more tricks up your sleeve to fix this last issue?Thanks a million so far!
CharlotteHey!
1. Enable this.
2. Set a custom class to the masonry element in Works (“custom-masonry”).
3. Change code to:@media only screen and (min-width: 1200px) { .custom-masonry .av-masonry-image-container img { display: block; } .custom-masonry .av-masonry-image-container { background-image: none !important; } .custom-masonry .av-masonry-item-with-image { max-height: 298px !important; } }Best regards,
Josue
- You must be logged in to reply to this topic.