
-
AuthorPosts
-
February 23, 2025 at 5:50 pm #1477713
In the Masonry gallery with the setting Flexible Masonry and, for example, No Scaling, only the first two rows of images (4 columns) are displayed correctly when the page is loaded. The lower images are displayed with no white border or a much too large white border above and below them. The width of the white border is correct for all images. Only after scrolling up and down or by changing the browser window size are the images rearranged and then the white border above and below in the visible area is also correct. If you scroll further down, the images are displayed again with no or far too large a white border above and below them
Many thanks for your help!-
This topic was modified 4 days, 18 hours ago by
Herb.
February 24, 2025 at 5:30 am #1477735Hey Herb,
Thank you for the inquiry.
Would you mind providing a screenshot of the issue and a link to the page with the masonry element? You can use platforms like Savvyify, Imgur or Dropbox to upload and share the screenshot. Here are the steps to follow:
1.) Visit the website of your chosen platform, such as Savvyify, Imgur or Dropbox.
2.) Locate the option to upload a file or an image.
3.) Select the screenshot file from your computer or device and upload it to the platform.
4.) After the upload is complete, you will be provided with a shareable link or an embed code.
5.) Copy the link or code and include it in your message or response to provide us with the screenshot.Thank you for taking the time to share the screenshot. It will help us better understand the issue you’re facing and provide appropriate assistance.
Best regards,
IsmaelFebruary 26, 2025 at 11:05 am #1478005Hey Ismael,
I am happy to provide you with the link to the page and the screenshots.Best regards,
HerbFebruary 27, 2025 at 5:30 am #1478073Hi,
Thank you for the screenshot.
Did you install a lazy load or any plugins related to images? Adding this code in the functions.php file should help:
add_action('wp_footer', 'ava_auto_resize'); function ava_auto_resize() { ?> <script> (function($) { var resizeInterval = setInterval(function() { $(window).trigger('resize'); }, 1500); $(window).on('load', function() { setTimeout(function() { clearInterval(resizeInterval); }, 500); }); })(jQuery); </script> <?php }
Best regards,
IsmaelFebruary 27, 2025 at 3:15 pm #1478135Hey Ismael,
You were right, in the plugin WP-Optimize Premium 4.0.1 Lazy-load images is activated by default. After deactivating the setting, the Flexible Masonry works.
Thank you very much.
Best regards,
HerbFebruary 27, 2025 at 7:09 pm #1478148Hi,
Great, I’m glad that Ismael could help you out. We’ll close this thread for now then, please open a new thread if you should have any further questions or problems.
Best regards,
Rikard -
This topic was modified 4 days, 18 hours ago by
-
AuthorPosts
- The topic ‘Flexible Masonry no or too large white border above and below images’ is closed to new replies.