Category Layout in WooCommerce

Support
#1

I am trying to migrate my online store from another service to WooCommerce. I am having a few problems with layout.

https://www.thechurchofgod.org/shop/

No matter what image size I use, the images have the padding/margin on the right, and I’m uncertain of how to get rid of it. Ultimately, I’d like to ONLY use the images rather than the image and the text.

1). How do I remove the spacing to the right of the image?

2). How do I change the WooCommerce category loop to remove all the data except for the image itself?

Thanks!

#2

Hi There,

Please add the following CSS under Customizer > Custom > Global CSS:

li.product-category.product img {
    width: 100%;
}
li.product-category.product .woocommerce-loop-category__title {
    display: none !important;
}
#3

Thanks! This worked perfectly!

#4

You’re most welcome!