Setting number of products per row not working

When I set the number of products per row, the change has no effect. No matter which value I set, there are always 4 products in a row shown in the front-end.

Hi,

Thank you for contacting us and asking about our Leto theme.

It seems likely we should add some additional CSS.

    .woocommerce[class*="columns-"] ul.products li {
      float: left;
    }

    .woocommerce[class*="columns-"] ul.products li {
      margin-right: 3.8%;
    }

    .woocommerce[class*="columns-"] ul.products li.product.first {
      clear: both;
    }
    .woocommerce[class*="columns-"] ul.products li.product.last {
      margin-right: 0;
    }

    .woocommerce[class*="columns-"] ul.products.columns-1 li.product {
      float: none;
      width: 100%;
    }
    .woocommerce[class*="columns-"] ul.products.columns-2 li.product {
      width: 48.1%;
    }
    .woocommerce[class*="columns-"] ul.products.columns-3 li.product {
      width: 30.7966666667%;
    }
    .woocommerce[class*="columns-"] ul.products.columns-4 li.product {
      width: 22.15%;
    }
    .woocommerce[class*="columns-"] ul.products.columns-5 li.product {
      width: 16.96%;
    } 
    .woocommerce[class*="columns-"] ul.products.columns-6 li.product {
      width: 13.4933333333%;
    }

Add it to Appearance > Customize > Additional CSS from dashboard.

I request you give it a try and let me know whether it works or not.

Regards,
Kharis
aThemes Support

Hi Kharis,

thank you for the reply.
I added the code to the css section as you described.
Unfortunately, it had no effect.

What else could I try, and why is the “number of products per row” option not working in the first place?

thank you in advance

best regards

Hello there,

Thank you for updating me.

Can you share a link to your products page here, so I can inspect and revise the code?

Regards,
Kharis
aThemes Support