Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • June 23, 2023 at 9:35 pm #1411519
    nTECHgrate

    Hello Enfold Team,

    I am using your “flexible Masonry” setting with a “large gap,” but I am having a problem with the alignment of the images. Specifically, my page has two 4:3 ratio photos stacked next to a 2:3 ratio image. However, the 2:3 image is not accounting for the 15px gap in the middle of the 4:3 images, so it is 15px shorter than the two 4:3 images.

    You can see what I’m talking about right above the “Modernizing the Exterior” header of:

    Lighthouse

    Do you have a fix for this?

    As always, thanks for your help.

    -James

    June 24, 2023 at 11:10 pm #1411580
    Mike

    Hey James,
    Thanks for your patience and the link to your site, try adding this code to the end of your child theme functions.php file in Appearance ▸ Editor:

    function custom_script() { ?>
  <script>
(function($) {
$('#av-masonry-2-item-3398 img').height($('#av-masonry-2-item-3398 img').height() + 15);
$('#av-masonry-1-item-3400 img').height($('#av-masonry-1-item-3400 img').height() + 15);
}(jQuery)); 
</script>
  <?php
}
add_action('wp_footer', 'custom_script');

    Best regards,
    Mike

    June 26, 2023 at 3:48 pm #1411739
    nTECHgrate

    That did it! Thanks, Mike.

    June 26, 2023 at 6:22 pm #1411751
    Mike

    Hi,
    Glad we were able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

    Best regards,
    Mike

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Masonry gallery alignment issue’ is closed to new replies.