How to hide Brand Label on product's image on Homepage

Hello XTEMOS,
We added attribute “BRAND” into Woocommerce, we use this attribute to filter product in product category.
But in the homepage, if product has Brand, the Brand Text overlap the product image (as in the red circle of the attached image)
Can I hide these Brand text on the homepage?
Thanks.
Hope all the best for you.

Best regards,

Attachments:

You must be logged in to view attached files.

Hello,

Please add this code to the Theme Settings > Custom CSS > Global:

body.home .product-label.attribute-label:not(.label-with-img) {
display:none;
}

Best Regards

Hello Elise, it works very well, thank you a lot.
Could I ask you more that: is it possible to show the brand text but in a smaller size, because the current brand-text’s size is too big, it overlaps the product images.
If this is not possible, just ignore this message,
Thank you a lot.

Kind regards,

Hello,

Please replace this code in the Theme Settings > Custom CSS > Global:

body.home .product-label.attribute-label:not(.label-with-img) {
font-size:8px
}

Change the font-size as per your needs.

Best Regards

[Author]

Posts