Custom image as Label

Hi,
How can I replace the product label “New” (example) with our own image label.
We need to show a Label with a logo for all organic products we sell (Norwegian law).
Kind regards
Rasmus

Hello,

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

.product-label.new {
    background-color: transparent;
    color: transparent;
	background-image:url(https://woodmartcdn-cec2.kxcdn.com/wp-content/uploads/2016/07/blog-11-75x65.jpg);
	background-repeat:no-repeat;
}

Replace the image URL with yours one.

Best Regards

Hello again,

Nothing really happens when I implement the above code (under custom css)?
Do you have any suggestions of what I might have done wrong?

Thanks

Attachments:

You must be logged in to view attached files.

Hello,

Please provide your site admin access.

Best Regards

Credentials.
Also – I have noticed that all icons (shop icons like Quick view, Add to basket, Login, Search etc) suddenly has disappeared – Could you please help out to fix this.

/Rasmus

OK – solved the problem about missing icons. Found out that by manually generating a css file from the css generator the icons disappeared (dont know why)? I therefore deleted the file, and things are back to normal. So that part i solved 🙂

I havent fond a solution to my other problem regarding custom product label – any input here would be really helpful.

Thanks

Hello,

You have not enabled “New” label in the Theme Settings http://prntscr.com/mwwpyn I have enabled and added one label to a product and it works https://gyazo.com/23eb13f9182b5da44864b51413c18705

For now, I remove the label from the product.

Best Regards

[Author]

Posts