Space between rows in product gallery

  • Resolved laithwark

    (@laithwark)


    5 years, 8 months ago

    Hello. How is it possible to reduce the space between rows in the product gallery? I am using the Storefront theme and created a grid gallery of all products. It seems that regardless of the plugin I use to create the gallery the space between rows is too much. I have used Product Normal Grid block using the Storefront Blocks plugin and the All Products block using the WooCommerce plugin. I can’t send a link to the page because the site is set to under construction. I have a child theme set up and my preference is to change the spacing of rows by adding code the child theme css if possible. Many thanks for your help.

Viewing 5 replies - 1 through 5 (of 5 total)
  • Thread Starter laithwark

    (@laithwark)

    5 years, 8 months ago

    I’d like to add to this query. It will help me to know what is controlling the space between product rows. Will it be the Storefront theme or plugins, or something else? This will help me find a solution to the problem. Thanks.

    Riaan K.

    (@riaanknoetze)

    5 years, 8 months ago

    Hi there,

    Without a link to a page that’s publicly accessible, it’s impossible to say what’s causing that since each site would be configured differently using different plugins 🙂

    It might be possible to override that with custom CSS although we can’t say for sure without taking a closer look at the page itself.

    Thread Starter laithwark

    (@laithwark)

    5 years, 8 months ago

    hi RK – Thanks for the reply. The site is now accessible. The URL for the page is https://www.laithwark.com/

    Senff – a11n

    (@senff)

    5 years, 8 months ago

    Hey @laithwark

    You can use the following CSS code to reduce the space between rows:

    ul.products li.product,
ul.products li.product > p{
  margin-bottom: 0;
}
    Thread Starter laithwark

    (@laithwark)

    5 years, 8 months ago

    Hi @senff – Many thanks – it worked perfectly. I really appreciate your help.

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

The topic ‘Space between rows in product gallery’ is closed to new replies.