woocomerce image large

[Escobar]

How can I make product images come out full length on woocommerce category.
As they are now it is a little strange.
Plese can you see for expample webpage: https://herramientasbazarot.com/accesorios-de-cocina
Thnaks in advance.

[David]

Hi there,

you have this CSS in Customizer > Additional CSS:

@media (min-width: 768px) {
    .inside-wc-product-image {
        width: 70%
    }

    .woocommerce ul.products li.product a img {
        height: 200px;
        object-fit: cover
    }
}

This is currently fixing the height to 200px and making the image ‘fill’ the space.
Do you need this CSS?

You can set a different image size for the shop in Customizer > Woocomemrce –> Product Images.

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Escobar]

Excellent. You do the trick. Thank you very much.

[David]

You’re welcome

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Author]

Posts