Help with product thumbnail width on homepage and customization

[kreedorganics]

I have posted on a previous thread about this problem but did not get any response. I want to reduce the width of the listed products on the homepage kreedbotanicals.com, and also on my shop page kreedbotanicals.com/shop. The thumbnail is not that large and there is no need for the extra space. Please see photos:

Homepage: https://kreedbotanicals.com/wp-content/uploads/2020/05/Screen-Shot-2020-05-17-at-7.23.36-PM.png

Shop Page:https://kreedbotanicals.com/wp-content/uploads/2020/05/Screen-Shot-2020-05-17-at-7.30.05-PM.png

Also, there is a problem with the row of products on the homepage kreedbotanicals.com and shop page kreedbotanicals.com/shop. One row has two products, then the next one only has one product. It is not consistent.I also would like 4 products per row instead of 2 per row.
See the photos below.
Homepage row: https://kreedbotanicals.com/wp-content/uploads/2020/05/Screen-Shot-2020-05-17-at-7.33.00-PM.png
Shop page row: https://kreedbotanicals.com/wp-content/uploads/2020/05/Screen-Shot-2020-05-17-at-8.18.57-PM.png

Number of products in row (want 4 instead of two): https://kreedbotanicals.com/wp-content/uploads/2020/05/Screen-Shot-2020-05-17-at-8.15.11-PM.png

Lastly, I want to customize the products that show on the homepage kreedbotanicals.com.
I have 14 products and 12 show on the homepage. For example, can I change the number of products that are shown (from 12 to A lower number) or show all 14 products instead of 12? Please tell me how to do this via the customizer.

I have paid for another year of theme support, please help me with these problems. It is affecting the functionality of my site. Thanks.

[Sonl Sinha]

Hi,

Kindly go to Appearance >> Customize >> Basic >> Scroll down to find Custom CSS and paste there:

.woocommerce ul.products li.product, .woocommerce-page ul.products li.product { width:21.70% !important;}
.woocommerce ul.products li.product a img { margin:0 auto;}

Regards,
Chris

[Author]

Posts