Multi masonry remove spacing?

[nosuchagency]

Hi guys.

How do we remove spacing in multi masonry, so it looks like your demosite: http://uplift.swiftideas.com/portfolio/portfolio-multi-size-masonry-alt/

Out of the box there’s spacing – Look: http://farvercramon.almostthere.io/farvercramon-2/

[Rui Guerreiro – SUPPORT]

Hi,

They are 2 different assets, the first one is a Portfolio in Multi-Masonry and the one from your site is the products asset that by design has those gutters.

I removed the padding and margin in the browser inspector but still there were some gaps, maybe related to the image sizes not sure.
Let me forward this one to Ed that is in a better “position” to answer this one.

Thanks

-Rui

[nosuchagency]

Hi Rui.
Thank you for the reply.

What’s Ed’s verdict?

BR.

[Rui Guerreiro – SUPPORT]

He will reply here. Not sure if he saw it.
Will send him a direct message. Apologise for the delay.

-Rui

[Swift Ideas – Ed]

Hi @nosuchagency

We don’t have that option built-in for products. You’d need to add this CSS:

.product_list_widget.woocommerce .products.multi-masonry-items .product.product-display-gallery, .product_list_widget.woocommerce .products.multi-masonry-items .product.product-display-gallery-bordered {
    margin-bottom: 0;
    padding: 0;
}
.multi-masonry-items .product figure {
    border-radius: 0;
}

Thanks,

– Ed

[nosuchagency]

Great!

Thank you.
You can close this ticket :o)

[Swift Ideas – Ed]

Happy to help, marked as resolved!

– Ed