Custom image as Label

This topic has 6 replies, 2 voices, and was last updated 5 years, 8 months ago by Elise Noromit.

Viewing 7 posts - 1 through 7 (of 7 total)

Author

Posts
March 8, 2019 at 12:16 pm #111821

skaterras
Participant

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

March 8, 2019 at 3:14 pm #111843
Elise Noromit
Member
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
March 11, 2019 at 3:28 pm #112310

skaterras
Participant

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.

March 11, 2019 at 6:34 pm #112362

Elise Noromit
Member

Hello,

Please provide your site admin access.

Best Regards

March 12, 2019 at 10:50 am #112484

skaterras
Participant

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

March 12, 2019 at 1:04 pm #112510

skaterras
Participant

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

March 12, 2019 at 4:36 pm #112562

Elise Noromit
Member

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