Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #748047

    Hi,

    I had this problem some months ago on an older site of mine with an older version of ENFOLD.

    Now I have a new site (not live yet) and the newest ENFOLD 3.8.5 and this issue occurs again,
    although I have added the code snippet, that @Vinay suggested there in my old forum topic:
    https://kriesi.at/support/topic/masonry-gallery-first-image-place-is-empty-when-i-set-a-fixed-heightwidth/

    Vinay suggested this for the functions.php:

    function gallery_remove_firstImg(){
    ?>
    <script>
    jQuery(window).load(function(){
         	jQuery(".av-masonry-container").find('.isotope-item.av-masonry-item-no-image').eq(0).remove();
    });
    </script>
    <?php
    }
    add_action('wp_head', 'gallery_remove_firstImg');

    I added thie code snippet into my “Code Snippets” plugin, then checked the page with Firebug and then there is indeed no code with “.av-masonry-item-no-image”, but the first place is still empty, sometimes not, if you reload the page several times.

    My custom CSS:

    
    .fotogalerie .av-masonry-entry {
        height: 175px;
        width: 175px; 
    }
    .fotogalerie .av-masonry-outerimage-container {
    	margin: 7px;
    }
    .fotogalerie .av-inner-masonry {
    	border: 1px solid #e1e1e1 !important;
    }
    .fotogalerie .av-masonry-image-container {
        border: 1px solid #ffffff !important;
        margin: 0 !important;
        padding: 2px !important;
    }
    .fotogalerie .av-masonry-outerimage-container {
    	    border: 6px solid #eaeaea !important;
    }

    Masonry Gallery settings – and there the 6 (!!!) columns are ignored, instead I have 7 columns (= 7 images in a row).

    Is Vinay’s code still valid with newest ENFOLD?
    Or what could I else do, so that this first “place” in Masonry Gallery element is not empty?

    —————————————————————————————————-
    E D I T:
    —————————————————————————————————-
    maybe it could have something to do with my square CSS:

    .fotogalerie .av-masonry-entry {
        height: 175px;
        width: 175px; 
    }

    because when I delete this CSS style, then it seems to work, even when I reload the page several times.
    Or do I need to change anywhere else something, to have the masonry gallery images in square format?
    Thanks.

    • This topic was modified 7 years, 10 months ago by BeeCee.
    #748078

    I created a test page with this scenario – see private data please.

    Please try to reload the test page mentioned there several times:
    sometimes there is an empty place instead of the first image, sometimes not.

    I tested this with Firefox 51.0.1 at Windows 7 prof. computer.

    #750423

    Hi,

    Sorry for the late reply, I checked your site and the empty space seem to be an issue due to the custom code added. The code I provided you earlier will not work here. I need to do some research for you to help you with the custom modification and it might take some time. I will update this post here once I find out a solution for your case.

    Best regards,
    Vinay

    #750426

    Great, thank you, Vinay, appreciate it.

Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.