Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
  • #11007


    I’m using the flexible grid gallery in one of the categories in my portfolio section. Everything looks great, but I want to remove the space between the images, so they are tight as glue to eachother. From what I’ve understood is that there is some JavaScript code that automatically puts an absolute position on the images, since the positioning is shown in “” in FireBug. I’ve checked every JavaScript file, and since I don’t understand so much JavaScript, I don’t know what to change to accomplish this.

    So basically: How do I remove the space between the images in “Flexible grid gallery”?

    Thanks in advance.



    I think you can adjust the margin bottom with following code:

    .js_active .masonry-item {
    margin: 0 0 30px 0;

    Change 30px to any lower value – eg 10px – to decrease the space.

    Best regards,



    Thanks for the answer! But that only removed the margin-bottom. If I set the value to 0px, the pictures still have margins horizontally (margin-left or right).

    Thank you.


    Nevermind. I figured it out. Thanks for the help!

Viewing 4 posts - 1 through 4 (of 4 total)

The topic ‘Remove space in flexible grid gallery’ is closed to new replies.