Change the color of hot label, the text and size

Hi,

i want to change the hot label.
The color to #0163a0
The text to free shipping but in my language ΔΩΡΕΑΝ ΑΠΟΣΤΟΛΗ or to upload an icon
And if it possible the size. I want to fit new text. Also if it can to be the first of the labels, on the left top corner

best Regards

Hello,

Will you provide the screen and link to the page of this label?

Best Regards

There isn’t a page with this label.
I mean i want to change yours hot-label

Hello,

If you mean label in the menu, navigate to Appearance > menu > chose yours > enter menu item and change http://prntscr.com/j0x79q

Best Regards

No, i mean in Product labels like “Shop sale label in percentage”, “New” label on products, “Hot” label on products.
I want to change the “hot” label

Attachments:

You must be logged in to view attached files.

Hello,

Product label background can be changed into two ways:

1. Theme Settings > Styles and colors > Primary Color Please note all the primary colors will be changed.

2. Cutstom CSS which changes label only :

.product-label.onsale{
background: #0163a0;
}

Put this CSS into Theme Settings > Custom CSS > Desktop

Best Regards

Sorry, but i want to change the color and the text of the product label “hot”

Hello,

If we change label color and background they all will be of the same color and background. You can try to find a plugin for that.
If you want CSS for color and background, here is it:

.product-label.onsale{
background: #0163a0;
color:#000000;
}

Best Regards

Just in case someone is still reading this. The CSS you’re looking for is written below. The button is called ‘featured’ and displayed as ‘HOT’. On internet you can search for the color code you want in HEX. This color is bright green.

body .product-label.featured {
background-color: #74f00e;
}

And as an adition. If you want to change the font color too. Just type this. The second part is the font color.

body .product-label.featured {
background-color: #74f00e;
}
body .product-label.featured {
color: #2c3625;
}

Hello,

Yes, that is right, the code for hot is:

body .product-label.featured {
background-color: #74f00e;
}

Best Regards

[Author]

Posts