Home › Forums › Basel support forum › Shop product spacing

Shop product spacing

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • July 15, 2017 at 8:02 am #16463

    dwallace
    Participant

    Hi,
    Is there a way to make the products in the shop closer together or different spacing between?

    Thanks

    July 16, 2017 at 7:26 am #16473

    Artem Temos
    Keymaster

    Hi,

    It can be done with a custom CSS code only. Could you please send us a link to your shop page so we can prepare a code for you?

    Regards

    July 16, 2017 at 8:53 am #16480

    dwallace
    Participant

    Hi thank you,

    http://www.magicalrugs.co.nz/shop

    July 16, 2017 at 9:18 am #16481

    Bogdan Donovan
    Keymaster

    Try to add the following code snippet to the Custom CSS area in Theme Settings to do this

    .wrapper-full-width-content.post-type-archive-product .product-grid-item {
	padding-left: 5px;
  	padding-right: 5px;
}

.wrapper-full-width-content.post-type-archive-product .products.row {
	margin-left: -5px;
  	margin-right: -5px;
}

    Regards

    July 17, 2017 at 12:04 am #16500

    dwallace
    Participant

    That changes the vertical spacing but not the horizontal spacing…

    Thanks

    July 17, 2017 at 5:59 am #16506

    Artem Temos
    Keymaster

    Add this one also

    .wrapper-full-width-content.post-type-archive-product .product-grid-item {
	margin-bottom:5px
}
    July 17, 2017 at 7:24 am #16513

    dwallace
    Participant

    Thank you that’s great 🙂

    July 17, 2017 at 8:34 am #16515

    Artem Temos
    Keymaster

    You are welcome!

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)