Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • September 17, 2018 at 12:08 pm #1010699
    jurriaanoffringa

    Hi there,

    First of all: what a wonderful theme Enfold is!

    I have got a question. On my homepage there are 4 images (2 x 2) in a Flexible Masonry. I want those 4 images to stick together and have no gap in between. I selected the option ‘no gap’, but when the webpage is openend on large screens there is a vertical space (gap) between the images. On smaller screens this isn’t the case.

    How can I remove this gap, so that it works on all screens?

    Thanks!!

    Best,
    Jurriaan

    September 18, 2018 at 8:14 am #1011133
    Ismael

    Hey Jurriaan,

    Thank you for using Enfold. Glad to hear that you like it. :)

    You can use this css code to adjust the size of the image.

    .av-masonry-image-container img {
    margin: 0;
    object-fit: cover;
    width: 100%;
}

    Best regards,
    Ismael

    September 21, 2018 at 7:04 pm #1012874
    jurriaanoffringa

    Hi Ismael,

    Worked like a charm! Thanks a lot!

    Best,
    Jurriaan

    September 21, 2018 at 7:32 pm #1012881
    Jordan Shannon

    Hi,

    I’m glad this was resolved. If you need additional help, please let us know here in the forums.

    Best regards,
    Jordan Shannon

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Can't remove space between images in Flexible Masonry’ is closed to new replies.