Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • January 11, 2017 at 11:36 pm #732367
    dypfryser

    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, 10 months ago by dypfryser.
    January 12, 2017 at 12:00 am #732380
    Basilis

    Hi dypfryser!

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

    Regards,
    Basilis

    January 12, 2017 at 12:09 am #732385
    dypfryser

    Hi Basilis,
    Provided
    Thanks in advance

    January 16, 2017 at 12:06 pm #733993
    dypfryser

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

    Greetings

    January 16, 2017 at 11:41 pm #734392
    Nikko

    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

    January 17, 2017 at 11:14 am #734635
    dypfryser

    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

    January 18, 2017 at 1:12 am #735056
    Nikko

    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

    January 19, 2017 at 3:30 pm #735899
    dypfryser

    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

    January 20, 2017 at 6:18 am #736215
    Nikko

    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

    January 22, 2017 at 7:22 pm #736998
    dypfryser

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

    Greetings
    Bert

    January 26, 2017 at 1:05 pm #738875
    Yigit

    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

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