Reduce Space between Product cards in Symmetry Theme

[nxjus]

Hi,

how to make the Space between Product cards 5px left & right and 40px top & bottom in the Symmetry Theme?

Thank You

[EBOOST]

Hi @nxjus ,

May I suggest to update code these steps:

1. Go to Store Online-> theme → edit code

2. Assets/main.css
3. Add code below to end of file

body .product-grid {
	column-gap: 5px;
  	row-gap: 40px;
}

[nxjus]

Thank You so much! Just the row gap does not change after.

[EBOOST]

Could you share your URL store? I will help to check it.

[BSS-TekLabs]

Hello @nxjus .
Our team is ready to help you.
Please share your website address and access password (if necessary) so that we can check and assist you.

[nxjus]

Sorry for the delay, url is posterseason.com (password: poster)

[EBOOST]

Hi,

I checked your store.

Current:

You can use code below to replace old code if you want to change spacing

body .product-grid {
	column-gap: 5px!important;
  	row-gap: 40px!important;
}