Masonry 1px gaps problem

Hey morelon,
Please try this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:

.main_color a.av-masonry-entry {
border: 1px solid #e1e1e1 !important; 
}

Best regards,
Mike

Hi,
The masonry elements calculate the width and height dynamically to the screen, if you try changing the window size you will see that the element floats. The difference shows more when the gap is 1px versus 5px or more, and is why by default it has a 15px margin instead of a border When you remove all borders, some will still show at certain sizes.
Try removing the code above and using this instead, it seems a lot closer:

#top .av-inner-masonry {
    border: 1px solid #e1e1e1 !important;
}

Best regards,
Mike

Hi,
If you are using the performance settings to merge css & js, and you add css into the style.css directly, you will need to re-build the merged css by saving the theme options again. (clicking the big blue button “save all changes”) Sometimes this button is not available to click, so to force it, try adding a blank space in the Quick CSS, which will activate the button.
As for the border try removing all of the border css and go to the Masonry gallery settings and choose “1 pixel gap” in the “Gap between elements” option.

Best regards,
Mike