Woocommerce product grid - make the image fill the width of the container box instead of being cropped

Open
REHub - Price Comparison, Affiliate Marketing, Multi Vendor Store, Community Theme REHub - Price Comparison, Affiliate Marketing, Multi Vendor Store, Community Theme October 16, 2025
Login to reply
linda escamarey
1 week ago

Build and expand the supermarket in monkey mart: Players will start with a small store. You need to display goods such as bananas, corn, eggs, milk... to attract customers. When you have revenue, you can expand more stalls and upgrade the supermarket.

henty1308 lee
1 week ago

Although not scientifically accurate, love calculator is a fun way to test "fate". It cannot predict exactly, but it helps create a sense of excitement.

 

ryan ryan
1 week ago

After changing this, regenerate thumbnails using the Regenerate Thumbnails plugin so your old images respect the new settings.     EZDriveMA Mass gov

danielle moore
1 week ago

EZ Pass NJ is New Jersey’s electronic toll collection system, letting you breeze through tolls on roads like the NJ Turnpike and Garden State Parkway. It saves time and money with discounts. New Jersey E-ZPass

Leah Santos
1 week ago

To make WooCommerce product images fill the container width without cropping, use:  Official Website


```css

.woocommerce ul.products li.product img {

  width: 100%;

  height: auto;

  object-fit: contain;

}

```


Ensures full-width display while preserving aspect ratio.


Matt Piqué
1 month ago
We are using the Woocommerce product grid in elementor, using the design style 'Digital', how can we make the image fill the width of the container box instead of being cropped like this

Additional Info

Link on page with issue: https://youragora.io/2025/10/15/from-cute-to-creepy-the-ultimate-halloween-decor-list-youll-love-to-death/