-
Posts
-
Hello,
I am creating a blog site and am using the masonry layout for the homepage. I’ve been experimenting with the right size to crop my photos. (I will value any advice you have about that.)
I’m confused because I have chosen the masonry option that says to make all images the same:
Perfect Grid: Display a perfect grid where each element has exactly the same size. Images get cropped/stretched if they don’t fit
AND I have cropped all my images to the exact same width and height before adding them as featured images. 1200 x 512 pixels. (Except for one – as a test – the first one) (I’d love to know what an ideal width would be.)
Yet, the images seems to resize themselves randomly to different heights. They are not all uniform on the homepage. Some are more narrow, some taller. And which image is different changes at different window sizes.
Also – it crops the image to just a small portion of the original image. Usually a meaningless or unrecognizable one like the sky or something. Since the thumbnail image on the homepage is created from the featured image, I expected them to match exactly, or at least very closely.
Can you help? What am I doing wrong. How can I get my homepage grid images to be truly uniform?
You will find the URL and passcode to view the website in the private content below.
Hello,
Your reply has been marked as private. I’m not sure how to see it. I’ve tried clicking on your reply box, your name, etc. But no luck.Hello
I wrote a response to validate what you’re experiencing as I am also having the same problem with my blog.
Hoping to get this resolved or I’ll be forced to change theme which would be a shame as I genuinely really like the user friendliness of Enfold.
Support please get in touch as soon as possible
Regards
I actually ended up figuring it out a bit. I think the 4 masonry choices are a little confusing. I changed mine to choice number one “Fixed Masonry” and made sure to crop every featured image to the exact same size before I uploaded it. It worked.
It still seems like the second option should also work in this way and I still don’t understand why it does not. But try what I did and see if that works for you too. Good luck!
Dandelon222
PS: I cropped all my blog post featured images to 1200 x 512
Hi Dan
Really appreciated the helpful advice, I’m going to give that a shot!
Honestly speaking though I am rather surprised that the official support still haven’t posted a clear response to resolve the issue.
Me too. No one seems to want to touch the topic. This is actually the second time I posted the question. This first time, someone wrote after 1 day to ask for a screenshot, but that was it. After 4 days of nothing I just started a new thread.
omarkh101: Please note – I just realized I made a typo. The option I ended up choosing wasn’t “fixed” masonry, but “flexible” masonry.
Hi Dan
Thank you for the correction.
I find it really surprising how the team at Kriesi still haven’t been helpful. I renewed my support in order to get the answer to this through their “support”. Disappointing.
The cherry on the cake for all of this is that one of the team mediators replied to the overall message and simply thanked you… I’m beginning to think they have no idea about how to fix this.
Hi Omarkh101,
I don’t know. I’ve been using Enfold for about a year and a half. I’ve probably used it on about 8-10 websites. I have noticed a change in support more recently. Perhaps as the theme got more popular they started to get pressure to fill a quota or something. I’ve noticed it takes longer for someone to reply, and often the replies are shorter and ask something that was already addressed. Like they read it in a hurry and skimmed it. Made a quick reply to move on to the next ticket. Or maybe it’s just January…everyone working on their website and a big jump in volume.
If the change I made doesn’t work for you, maybe check out the other thread on this topic. There they recommended a plugin for resizing thumbnails. It wasn’t the fix for me, but it did seem like a useful thing to have!
Hi,
We would like to apologize for the delay.
Also – it crops the image to just a small portion of the original image. Usually a meaningless or unrecognizable one like the sky or something. Since the thumbnail image on the homepage is created from the featured image, I expected them to match exactly, or at least very closely.
The masonry element is using a distinct thumbnail called “masonry” which has a maximum width and height of 705px. This is why your images are cropped or resized.
Best regards,
IsmaelWell, I get that it crops or resizes. But I don’t get where it is selecting from. If I make the window big enough most everything fits. Does it start at the top left? Top center? It definitely isn’t center center, which is what I had expected.
Hi,
The crop parameter for the “masonry” thumbnail is disabled by default so it maintains the aspect ratio of the image.
// https://developer.wordpress.org/reference/functions/add_image_size/
Set the image size by cropping the image and defining a crop position:
Please add this code in the functions.php file.
add_image_size( 'masonry', 705, 705, array( 'center', 'center' ) ); // crop from centerSave the file then regenerate the thumbnails. This will crop the images from the center.
Best regards,
Ismael
- You must be logged in to reply to this topic.