changing spacing on multi-masonry

[techtherapy]

the spacing on my homepage (adapted from the Tilt demo) has got messed up and I can’t work out how to fix it. I was hoping you might be able to see something obvious that I’ve done before I have to reset everything.

I’ve already tried removing all custom css, so it’s not that.

thanks

[Kyle – SUPPORT]

Hi

Have you edited any theme files?

– Kyle

[techtherapy]

I’d been playing around with the multi-masonry settings in woocommerce/content-product.php

I’ve just reverted that to the default version, but it still doesn’t look quite right.

[Kyle – SUPPORT]

You might need to upload fresh files, you seem to have broken something by messing with the code

– Kyle

[techtherapy]

I reset WordPress, reloaded theme, plugins, and Tilt demo content. There are still spaces between the images on the homepage.

I then had a look at your demo site, and it seems to have the same problem. Any ideas?

http://swiftideas.com/tilt-demo/

[techtherapy]

just to add, this was not a problem in earlier versions. something in the theme code must have changed.

[techtherapy]

asked the same question on ThemeForest, this is the fix (add to custom css):

.spb-row-container.remove-element-spacing .product_list_widget.woocommerce .products.multi-masonry-items .product {
        padding: 0;
}

[Kyle – SUPPORT]

Ok thanks @techtherapy