Home › Forums › WoodMart support forum › Add images to product label
Add images to product label
- This topic has 4 replies, 3 voices, and was last updated 5 years, 6 months ago by Elise Noromit.
-
AuthorPosts
-
May 18, 2019 at 8:37 pm #124443
DiegoHWParticipantI wonder if it’s posible to adding icon (image) to product label, I don’t want to have New because my website is in spanish so if I use Nuevo (New in spanish) seems wird.
I would also like to generate a new label for promotional weeks and add an image made for that campaign as Hotsale.
May 19, 2019 at 12:35 pm #124502
Elise NoromitMemberHello,
Please add this code to the Theme Settings > Custom CSS > Global:
/*sales*/ background-image: url(https://woodmartcdn-cec2.kxcdn.com/wp-content/uploads/2015/12/newsletter-new.jpg?id=9309); background-repeat: no-repeat; } /*hot*/ body .labels-rectangular .featured { background-image: url(https://woodmartcdn-cec2.kxcdn.com/wp-content/uploads/2015/12/newsletter-new.jpg?id=9309); background-repeat: no-repeat!; } /*new*/ body .labels-rectangular .new{ background-image: url(https://woodmartcdn-cec2.kxcdn.com/wp-content/uploads/2015/12/newsletter-new.jpg?id=9309); background-repeat: no-repeat; }
Replace the image URLs.
Best Regards
May 20, 2019 at 11:52 pm #124776
DiegoHWParticipantHi Elise!
I put the code but don’t work :(, can you help me?
Thanks
May 21, 2019 at 2:58 am #124784
davidmontanaParticipantElise’s code had some errors, try this out:
/*sales*/
body .labels-rounded .sales {
background-image: url(https://woodmartcdn-cec2.kxcdn.com/wp-content/uploads/2015/12/newsletter-new.jpg?id=9309);
background-repeat: no-repeat;
}
/*hot*/
body .labels-rounded .featured {
background-image: url(https://woodmartcdn-cec2.kxcdn.com/wp-content/uploads/2015/12/newsletter-new.jpg?id=9309);
background-repeat: no-repeat;
}
/*new*/
body .labels-rounded .new{
background-image: url(https://woodmartcdn-cec2.kxcdn.com/wp-content/uploads/2015/12/newsletter-new.jpg?id=9309);
background-repeat: no-repeat;
}This code puts a background image to the label….
May 21, 2019 at 9:35 am #124881
Elise NoromitMemberHello,
Have you soled the issue? If you have not, please add this corrected code:
/*sales*/ body .labels-rounded .sales { background-image: url(https://woodmartcdn-cec2.kxcdn.com/wp-content/uploads/2015/12/newsletter-new.jpg?id=9309); background-repeat: no-repeat; } /*hot*/ body .labels-rectangular .featured { background-image: url(https://woodmartcdn-cec2.kxcdn.com/wp-content/uploads/2015/12/newsletter-new.jpg?id=9309); background-repeat: no-repeat!; } /*new*/ body .labels-rectangular .new{ background-image: url(https://woodmartcdn-cec2.kxcdn.com/wp-content/uploads/2015/12/newsletter-new.jpg?id=9309); background-repeat: no-repeat; }
Best Regards
-
AuthorPosts
- You must be logged in to create new topics. Login / Register