Tagged: columns, custom.css, empty, Masonry Gallery, square
-
AuthorPosts
-
February 16, 2017 at 5:05 pm #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.
February 16, 2017 at 6:04 pm #748078I 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.
February 22, 2017 at 11:43 am #750423Hi,
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,
VinayFebruary 22, 2017 at 11:45 am #750426Great, thank you, Vinay, appreciate it.
-
AuthorPosts
- You must be logged in to reply to this topic.