Home › Forums › WoodMart support forum › How to increase distance between rows on Shop Page

How to increase distance between rows on Shop Page

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • December 18, 2020 at 12:38 am #251956

    [email protected]
    Participant

    Hi, I wish to increase distance between 2 rows (Product’s listing) on Shop Page. Can you please help me?

    Thanks

    December 18, 2020 at 9:45 am #252039

    Aizaz Imtiaz Awan
    Keymaster

    Hello,

    Please try adding the following Custom CSS in the Custom CSS for Desktop area under Theme Settings >> Custom CSS.

    .woodmart-spacing-20>[class*=col] {
	margin-bottom: 30px;
}

    Best Regards.

    December 19, 2020 at 1:45 am #252260

    [email protected]
    Participant

    Hi,

    I have tried the above as you proposed and also tried in Global Custom CSS but no luck.

    Tried also by adding more px instead of 30px but no change.

    Best Regards

    December 19, 2020 at 7:25 am #252289

    Aizaz Imtiaz Awan
    Keymaster

    Hello,

    Please provide some relevant screenshots with the URL of the page to check it myself and help you out accordingly.

    Best Regards.

    January 24, 2023 at 6:38 pm #437503

    tcsg.toth
    Participant

    How can I decrease the distance between the gif row and the green row? Why is it so big?

    January 25, 2023 at 10:40 am #437648

    Aizaz Imtiaz Awan
    Keymaster

    Hello,

    @tcsg.toth: We have checked your Site in this regard, it seems that the GIF that you are using here has a larger size which is why this gap is appearing: https://snipboard.io/ARkgGU.jpg

    So, you need to upload the resized GIF in this regard and this gap will get covered.

    Best Regards

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