Setting Featured "HOT" items

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.

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.

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.