Is there any way to make the products widget look better?

Please post a link to your site.

streetworkoutworld.com

Hi there,

In order to get more control on how WooCommerce products are displayed on your home page I would suggest using the free WooCommerce Blocks plugin, This will allow you to insert products product blocks into a page and give you many options including product dimensions.

More information on the plugin can be found here:
https://woocommerce.com/products/woocommerce-gutenberg-products-block/

@onlinemo
Sorry, didn’t see the link.

Try this custom css:

.product_list_widget li {
  float: left;
  width: 25%;
  text-align: center;
}
.woocommerce ul.product_list_widget li img {
  width: 100% !important;
}
.woocommerce ul.product_list_widget li a {
  width: 84%;
  margin: auto;
  text-align: center;
}
@media screen and ( max-width: 768px ) {
  .product_list_widget li {
    width: 50%;
  }
}

Custom css can be entered at:
Dashboard > Appearance > Customize > Additional CSS

Hey there!

Since this is a few weeks old and is dealing with customization, I am going to mark as resolved. A lot of people have found help in the Advanced WooCommerce group with things like this, so I would recommend checking there, or we highly recommend contacting one of the services on our Customizations page (https://woocommerce.com/customizations/)

@lorro.. thanks that has worked great for the desktop version especially. On mobiles for some reason the producy image on the left is being pushed down the page.. i think because the description of the product above it is too long. Will something like more paddinh resolve this? Thanks