-
AuthorPosts
-
September 18, 2019 at 12:15 pm #1139431
Hi,
i’m using Masonry Gallery for my images in my website.
My issue is with high vertical images, that are shown with a grey lateral border: i’d like them to be shown with no border to fit complitely in the default images space, but there is no setting that allows me to do this.
Any tips to solve this problem?
Thanks a lot for the support!September 18, 2019 at 8:04 pm #1139650Hey Real-3D,
Add this to quick css:
.av-masonry-image-container img{ zoom:2!important; }
Best regards,
Jordan ShannonSeptember 19, 2019 at 9:04 am #1139807Hi,
thanks for the code you provided.
I used it, i tried on a couple of computers if it was ok but on one pc the issue is solved, and on another pc the issue remains.
I tried to use a larger number in the code, example.av-masonry-image-container img{
zoom:5!important;
}and the issue is soved on every end.
The problem now is that my galleries “flicker” when opened, in particular when the images are loading.
It seems that the problem is the animation on the images loading: if i set it on “animation deactivated” in the masonry settings the issue seems to be off. But the problem is that i want the animation to be “activated”.Any suggestions?
Thanks a lot!September 19, 2019 at 3:50 pm #1139942Hi,
Have you tried disabling active plugins and trying again?
Best regards,
Jordan ShannonSeptember 19, 2019 at 3:54 pm #1139945Hi and thanks,
no, i didn’t try to disable my plugins, because the ones i have installed is because i need them in my website and i cannot disable them.
Any other suggestions?
Thanks!September 19, 2019 at 4:26 pm #1139965Hi,
Disabling the plugins will not break the site, you simply turn them back on if no culprit is found.
I’m not seeing the flicker at all. Is it a specific browser this is occurring on?
Best regards,
Jordan ShannonSeptember 19, 2019 at 4:37 pm #1139967hi and thanks,
I haven’t tried to disable the plugins yet, but i have noticed a strange behavior: opening the website with Chrome i see the flicker issue but the images has no grey border; using Mozilla Firefox i see no flicker problem but the images are shown with the grey border, so it seems that in mozilla the CSS doesn’t have effect…
How can i proceed?
Thanks and best regardsSeptember 24, 2019 at 5:25 am #1141205Hi,
Thank you for the update.
We don’t really see any flickering in that page. For the image size, please remove the zoom property and try this one instead.
.av-masonry-image-container img { object-fit: cover; }
// https://css-tricks.com/almanac/properties/o/object-fit/
Don’t forget to toggle the Performance > File Compression settings afterwards.
Best regards,
IsmaelSeptember 24, 2019 at 9:27 am #1141289Hi and thanks.
The images are now ok, i tried to clean my browser cache and now they fit in the space with no border (using the first code provided by Jordan).Now i need to adjust the “flickering” issue in the loading of images…
I link in the Private Content here a video where I marked the “flickering” errors with a “NOW” written.
I hope you understand now the issue: I don’t mean the animation, that is ok, but the fact that the images seems to disappear and reappear in a split second several times…
Thanks for the support and best regards!September 26, 2019 at 4:07 am #1142101Hi,
Thank you for the update.
We can’t reproduce the flicker on Firefox Windows 10. Have you tried checking the site on a different computer? What is the actual specs of the laptop/desktop where you check the site?
Best regards,
IsmaelSeptember 26, 2019 at 8:45 am #1142146Hi Ismael and thanks,
yes, with firefox the problem does not exist, i tried with it and everything is ok.
The problem is using Google chrome.
I tried on a couple of computers where i run chrome: the first PC is an ASUS ROG laptop (g752vsk) and the second is a workstation. I think that the problem is not in the computers (because they’re all updated and powerful) but maybe is related to the software Google Chrome…
Can I maybe adjust the CSS provided, or is there another way to solve the problem?
Thanks a lot for the support and best regards.September 27, 2019 at 5:57 am #1142572Hi,
Thank you for the update.
We checked the site on Chrome Windows 10, but we are still not able to reproduce the issue. Did you remove the css code? The items don’t flicker on load.
Best regards,
IsmaelSeptember 27, 2019 at 9:41 am #1142611That’s strange, i’m using Chrome on Windows 10 and the issue is right here… :(
I didn’t remove any CSS because the last provided solved the problem with images to fit in the space with no border.
Is maybe there a plugin for images to be shown like masonry gallery but without this issue?
Thanks and best regards.September 30, 2019 at 4:20 am #1143203Hi,
Thank you for the update.
Have you tried testing it on another computer? We checked the site again today on Chrome Windows 10 and we don’t see the “flicker” issue. We even tested it on incognito mode. If you want to use a plugin instead, try these.
// https://wordpress.org/plugins/simple-masonry-gallery/
// https://wordpress.org/plugins/photoswipe-masonry/Best regards,
IsmaelSeptember 30, 2019 at 8:57 am #1143244Hi,
I tried on my 2 computers only, but the problem is still here…
I’ll try the 2 plugins suggested, hope one of them will be good for me!
Thanks again and best regards!October 2, 2019 at 4:10 am #1144030 -
AuthorPosts
- You must be logged in to reply to this topic.