Setting Featured "HOT" items
-
Is it possible to change this image? or set the word “HOT”? to something else?
Attachments:
You must be
logged in to view attached files.
Hello,
Yes it is possible to change the image of product and hot label to something else. To change the image of product, you just have to edit the image and change the feature image.
Screenshot for clarification: https://jmp.sh/ydkwKE1
To change the “HOT” label text to something else you need to use the Loco Translate plugin, from your dashboard you have to go to Loco Translate >> Themes >> WoodMart >> Edit your template >> Search for your string and change it, and save the changes:
You can check and follow the below video tutorial for Loco Translate:
https://youtu.be/D3NsDdMzsls
Screenshot for your satisfaction: https://jmp.sh/fTS1xNL
Best Regards.
Thanks, is it possible to change the complete “HOT” image to something else?
Or the size / color?
Most Welcome,
Yes, to change the color and size of hot label you can use the below CSS code in global custom CSS area under theme settings >> custom CSS:
body .product-labels .featured {
background-color: red;
width: 70px;
height: 70px;
}
I used 70px height and width just to set an example for you, you can change it to something else.
Best Regards.
The color works,
but even when I tried to change it to 10px, the size still remains the same?
Attachments:
You must be
logged in to view attached files.
Hello,
If you want to decrease the height or width from the existing size, you have to use this ”min-height: 10px;”, “ min-width: 10px;” inside your code. But the shape will disturbed. Also sometimes minimum width can not applied because the font is large enough. So if you want to change the font size you can use “font-size: 10px;” inside your code.
Check the below example:
body .product-labels .featured {
background-color: pink;
min-height: 10px;
min-width: 10px;
font-size: 10px;
}
Best Regards.
.
