Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • #732367

    Hello, first of all, wonderfull theme !.
    I’m having a problem with 2 flexible masonry which are under each other. The first one is with 3 images (3 columns, images = 848px wide) and the second 4 images (4 colums, images = 636px wide). The one with 3 works perfect, but the one with 4 has some tiny gaps between a couple of images, and is a tiny bit shorter on the right side. Is there a workaround to close the gaps and the right side?

    Tiny gap left & shorter on the right side

    Thanks in advance
    Regards
    Bert

    • This topic was modified 7 years, 11 months ago by dypfryser.
    #732380

    Hi dypfryser!

    an you please provide us a link for your web site?
    Thank u

    Regards,
    Basilis

    #732385

    Hi Basilis,
    Provided
    Thanks in advance

    #733993

    Hello,
    Does anyone perhaps have a solution to this problem?
    Thanks in advance.

    Greetings

    #734392

    Hi,

    Sorry for the late response, the issue is a bit weird, I have added this code in Quick CSS (located in Enfold > General Styling):

    .av-masonry-entry {
        width: 25%;
    }
    
    .av-masonry-col-3 .av-masonry-entry {
        width: 33.3333334%;
    }
    
    .page-id-30 #av-masonry-3 {
        margin-top: -1px;
    }

    And it should fix the issue, let us know if it’s good :)

    Best regards,
    Nikko

    #734635

    Hello Nikko,
    Thanks for your help! It looks nice on the second row, but now there is a tiny tiny gap at the first en last masonry, is there a workaround for only the middle masonry?

    And a bit off topic, I am trying to hide the captions on a tablet (portrait mode) and on mobile phones, but I am not succeeding, see also the style.css of the child theme.

    Thanks for your help, and thanks in advance,

    Greetings
    Bert

    #735056

    Hi Bert,

    It looks good on my end with no tiny gaps, can you post another screenshot on how it looks like now? and also can you tell us what browser and os you are using so we can try to replicate your working environment when we are checking. As for hiding caption on table (portrait) and mobile, try adding this css code in Quick CSS (located in Enfold > General Styling):

    @media only screen and (max-width:960px) {
      figcaption.av-inner-masonry-content.site-background {
        display: none !important;
      }
    }

    Let us know if this helps :)

    Regards,
    Nikko

    #735899

    Hello Nikko,
    Thanks for the solution for the captions. It worked. !
    I’am using mostly with Chrome on a desktop.
    And when I am using a tablet with Chrome the first and last masonry are not working properly (2 pictures in 1 row and the third picture beneath).

    https://i.imgsafe.org/0bebb5aa7a.jpg

    #736215

    Hi,

    The updated site you gave and the link you gave before shows this:

    Niets Gevonden
    Sorry, de post waarnaar u opzoek bent is niet beschikbaar. Misschien wilt u gebruik maken van de zoekfunctie?

    Best regards,
    Nikko

    #736998

    Hello Nikko,
    Sorry my bad, I’ve updated the private content.

    Greetings
    Bert

    #738875

    Hi,

    Sorry for the late reply!
    I checked your website and your masonry element shows up fine on my end. Have you figured it out already?

    Best regards,
    Yigit

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