Hi,
How to change the spacing between the thumbnails on the shop site?
http://fotofaber.pl/?post_type=product
Just like here:
http://fotofaber.pl/?page_id=2270
Cheers,
fotofaber
Hi fotofaber!
Please add following code to Quick CSS in Enfold theme options under Styling tab
div .products .product { margin: 0 40px 40px 0; }
Cheers!
Yigit
Hi,
Thank You!
But after that I have 4 categories in 3 rows and 3 columns.
2 rows only – it should be better.
Cheers,
fotofaber
Hi!
Please add following code to Quick CSS as well
.products .product.first { clear: right; }
#top .products .product.last, #top #main .products .product.last { margin-right: 40px; }
Regards,
Yigit
Hi
I’ve made this addition to the Quick CSS and it does introduce extra spacing as required. What is also does though is seems to leave blank cells in the grid of products (if you view the display of row and column of products as a “table” then some cells int he table are now empty. It looks like some product entries are now too large and force the cell below to be blank.
Does anyone have any suggestions?
Thanks
Hi,
Any example of those entries, so we can define better the issue?
Best regards,
Basilis