[Resolved] Woocommerce Shop landing page – remove product count

[_blank]

Hi

I’d like to remove the numbers in () next to the product title. Is that in woocommerce settings or would I need a PHP snippet?

Also is it possible to adjust the padding between the image and title by 10px.

Thanks
Scott

[Tom]

Hi there,

Give this CSS a shot:

.woocommerce-loop-category__title mark {
    display: none;
}

[_blank]

Hi Tom,

Thanks that worked for the numbers.
Is it possible to adjust the padding between the image and title by 10px?

Regards
Scott

[David]

Hi Scott,

it this bunch of classes that Woo uses for its shop product titles – it currently has 0.5em vertical padding. Adjust as you see fit:

.woocommerce ul.products li.product .woocommerce-loop-category__title, 
.woocommerce ul.products li.product .woocommerce-loop-product__title, 
.woocommerce ul.products li.product h3 {
    padding: 0.5em 0;
}

Alternatively you can adjust the bottom margin on the image with this selector:

.woocommerce ul.products li.product a img

[_blank]

Hi David

Thanks
That works well.
Scott

[David]

You’re welcome Scott, glad to be of help

[Author]

Posts