Tagged: ,

Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • June 1, 2016 at 1:11 am #641123
    BeeCee

    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.

    June 2, 2016 at 5:52 am #641826
    Ismael

    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

    June 2, 2016 at 1:35 pm #642048
    BeeCee

    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:

    June 2, 2016 at 3:21 pm #642115
    Vinay

    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

    June 2, 2016 at 4:46 pm #642142
    BeeCee

    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 …

    June 2, 2016 at 4:48 pm #642143
    BeeCee

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

    June 2, 2016 at 9:13 pm #642220
    Vinay

    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

  • Author
    Posts
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.