Archived topic
Woocommerce Shop landing page – remove product count
5 replies · Started by _blank on June 6, 2018
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
Hi there,
Give this CSS a shot:
.woocommerce-loop-category__title mark {
display: none;
}
Hi Tom,
Thanks that worked for the numbers.
Is it possible to adjust the padding between the image and title by 10px?
Regards
Scott
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
Hi David
Thanks
That works well.
Scott
You're welcome Scott, glad to be of help