Tagged: 

Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • August 30, 2019 at 4:00 pm #1132331
    BeeCee

    Hi,

    I use the masonry gallery element with ENFOLD 4.6 and my own custom CSS for it.
    But something is wrong: the first and last image is left out:

    View post on imgur.com

    The settings:

    View post on imgur.com

    Could you please tell me what is going wrong here?
    Thank you.

    See private data.

    September 3, 2019 at 8:34 pm #1133537
    Basilis

    Hey COLORIT,

    Can you update to the latest version of the theme?
    We have fixed this issue a long time ago.

    Best regards,
    Basilis

    September 4, 2019 at 10:50 am #1133758
    BeeCee

    As I wrote above this is ENFOLD 4.6 !

    September 4, 2019 at 8:27 pm #1134071
    Victoria

    Hi COLORIT,

    Please have a look at this thread

    4.6 Update doesn't recognize old Custom CSS Class

    If you need further assistance please let us know.
    Best regards,
    Victoria

    September 5, 2019 at 9:57 am #1134262
    BeeCee

    Victoria, this has absolutely nothing to do with my question … as usual :-(
    As you can see in my backend, I have already tried this settings/fix.

    The problem is there since older versions of ENFOLD and haven’t been solved yet!
    It is not an v4.6 issue.

    September 7, 2019 at 10:54 pm #1135513
    Mike

    Hi,
    Sorry for the late reply, I have reviewed your page and gallery and all 30 images are showing, But your first element is a “av-masonry-item-no-image” which results in the space, I suspect you have some custom code or a custom element, but I couldn’t see the theme editor to check. I did copy your page shortcode to my localhost, where the error nor the “av-masonry-item-no-image” occurred.
    2019-09-07-163958
    I recommended disabling any custom codes or elements, or completely remove your theme via ftp and upload a clean version from Theme Forest via ftp.
    If this doesn’t help please provide ftp access so we can investigate further.

    Best regards,
    Mike

    September 8, 2019 at 10:51 am #1135595
    BeeCee

    Hi @mike

    I have just made some custom CSS (at custum.css) to make the images square and with the double border.
    I have now enabled the theme editor in backend.
    I also have uploaded new the theme from Themeforest (v4.6.1), but it is the same.

    All theme files in this test installation are absolutely original from Themeforest and I have made here not a single change of any theme file.
    The only thing I have made is adding my styles to the custom.css

    But it’s not just the no-image thing at the beginning of the gallery, but the images also end up a position too soon:
    in line 2 there’s a missing image at the end, which goes on on page 2.

    Thank you for your help in advance, Mike.

    —————————————————————————-
    By the way: I tried to open your thumbnail above, but the lightbox seems not to work here in the forum: “image could not be loaded”, when I tried to enlarge your thumbnail above (Firefox 59, Wiindows 10 prof.): https://imgur.com/tw4ccUX

    September 8, 2019 at 5:08 pm #1135665
    Mike

    Hi,
    Thanks for the access to your css, Bingo:
    2019-09-08-105148

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

    I would have not expected that to be the issue, but the first av-masonry-entry in the container has the av-masonry-item-no-image which is the empty one :)
    Please try replacing it with this:

    .fotogalerie .av-masonry-entry:not(.av-masonry-item-no-image) {
    height: 175px;
    width: 175px; 
}

    Then clear your browser cache and check.

    Best regards,
    Mike

    Thanks for letting me know about the thumbnails, I’ll look for a new solution.

    September 8, 2019 at 6:13 pm #1135682
    BeeCee

    Thank you very much for your time, Mike.
    But I don’t get it to work.

    I added your suggested CSS, then I cleared my browser’s cache, started my Firefox browser anew, looked at it in another browser (Chrome), the first image in the first row and the last image in the second row is still empty. I checked the CSS, and I really have added this new part, but I don’t get it to work like on your new thumbnail.

    September 8, 2019 at 9:07 pm #1135725
    Mike

    Hi,
    Thank you for the feedback, I checked your custom.css and found that the old css was still active above the new css, sorry I should have been clearer, I commented out the old css and now the empty item is gone.
    Please clear your browser cache and check.

    Best regards,
    Mike

    September 9, 2019 at 11:26 am #1135906
    BeeCee

    Thank you, now the first position is an image, so far so good.

    But now TWO images on page 1 are missing at the end
    and are instead landing on page 2:

    View post on imgur.com

    Or is there a “calculation” problem, because the settings of the Masonry Gallery are:
    12 image in 6 rows:

    View post on imgur.com

    Currently there are 30 pictures and they should at least be distributed so that the first page(s) does not lack pictures at the end.

    September 10, 2019 at 3:56 am #1136313
    Mike

    Hi,
    Thanks for your feedback, I missed that because I was looking at the first position, but actually there are 12 images showing, 2 images are not missing, by resizing the images down to 175px you now have room for 14 images or 7 columns :)
    Please change your masonry settings to allow 14 images to show.

    Best regards,
    Mike

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