Reduce space between product rows

  • Resolved Robert

    (@roberthedlund)


    5 years, 5 months ago

    Hi

    How can i decrease the space between my product rows pages on storefront?
    Im also using category blocks to show the products.

    There is to much white space between every row on my products. The problem only accur when browsing in mobile.

    See picture: https://imgur.com/a/23dMbDn

    Thanks alot
    /Robert

    • This topic was modified 5 years, 5 months ago by Robert.
Viewing 4 replies - 1 through 4 (of 4 total)
  • Senff – a11n

    (@senff)

    5 years, 5 months ago

    Hey @roberthedlund

    Can you share a link to your site? That way we’ll be able to take a look and see what code you would need to add to fix this.

    Thread Starter Robert

    (@roberthedlund)

    5 years, 5 months ago

    Its MiniDesign.se

    Senff – a11n

    (@senff)

    5 years, 4 months ago

    Hey @roberthedlund

    Thanks for the link. You can reduce that space with a little bit of custom CSS code.

    Go into your site’s admin Dashboard and select Appearance → Customize → Additional CSS. In the CSS textbox on the left, add the following code:

    .wc-block-grid__products .wc-block-grid__product {
  min-height: 0;
  margin-bottom: 0;
}

    Select “Save Changes” from the top, and your changes will be applied to your site.

    Thread Starter Robert

    (@roberthedlund)

    5 years, 4 months ago

    @senff it works perfectly! Thanks again for your help, appreciate it alot!

Viewing 4 replies - 1 through 4 (of 4 total)

The topic ‘Reduce space between product rows’ is closed to new replies.