Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • #641123

    Hi,

    due to the disadvantage, that the normal ALB “GALLERY” element cannot be paginated (I don’t want to show an endless list of images – instead only 12 images à 6 columns in 2 rows), I tried to use the “MASONRY GALLERY” element.

    To have with this element also this nice design with border-box and square thumbnails, I added this to theme’s Quick CSS:

    .av-masonry-entry {
        height: 180px !important;
        width: 180px !important; 
    }
    .av-masonry-outerimage-container {
    	margin: 7px;
    }
    .av-inner-masonry {
    	border: 1px solid #e1e1e1;
    }

    This is the setting:

    but this has the negative effect, that the first image “place” is empty, and I don’t know, what is causing this:

    It must have something to do with the

    .av-masonry-entry {
        height: 180px !important;
        width: 180px !important; 
    }

    because if I delete exactly this from theme’s Quick CSS, then this empty first image “place” is gone and all is normal:

    This is what it should look like – I only need the images in 180x180px square images.
    Do you know, what is causing this empty first image “place”?

    Thank you.

    #641826

    Hey Chris,

    Thank you for using Enfold.

    We checked the masonry gallery and the grid looks consistent now. Did you figure this out?

    Best regards,
    Ismael

    #642048

    Hi Ismael,

    sorry, no, it is not resolved. I uploaded yesterday a fresh ENFOLD and forgot to add the QuickCSS in the theme settings:

    .av-masonry-entry {
        height: 180px !important;
        width: 180px !important; 
    }
    .av-masonry-outerimage-container {
    	margin: 7px;
    }
    .av-inner-masonry {
    	border: 1px solid #e1e1e1;
    }

    Could you please check again that page?
    With the fix height and width for the masonry entry thumbnails, the first “place” of them is empty:

    #642115

    Hi,

    Please try adding this at the very end of your themes / child themes functions.php file:

    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');

    Best regards,
    Vinay

    #642142

    Thank you, Vinay, but this does not work, this empty place is still there.
    I cleared my brower’s (Firefox) cache, but still the same …

    #642143

    ups, sorry, I reloaded my page now several times again, and now the empty place is gone … great, it is working now, thank you!!!

    #642220

    Hey!

    Glad we could help!
    To know more about enfold features please check – http://kriesi.at/documentation/enfold/
    Thank you for using Enfold!

    Best regards,
    Vinay

Viewing 7 posts - 1 through 7 (of 7 total)

The topic ‘MASONRY GALLERY: first image "place" is empty when I set a fixed height/width’ is closed to new replies.