Home › Forums › WoodMart support forum › Change the color of hot label, the text and size

Change the color of hot label, the text and size

Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • April 4, 2018 at 5:01 pm #50864

    jimanagn
    Participant

    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

    April 4, 2018 at 6:38 pm #50876

    Elise Noromit
    Member

    Hello,

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

    Best Regards

    April 4, 2018 at 7:23 pm #50883

    jimanagn
    Participant

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

    April 4, 2018 at 7:46 pm #50889

    Elise Noromit
    Member

    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

    April 4, 2018 at 9:33 pm #50900

    jimanagn
    Participant

    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.
    April 5, 2018 at 7:03 am #50927

    Elise Noromit
    Member

    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

    April 5, 2018 at 4:10 pm #51044

    jimanagn
    Participant

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

    April 5, 2018 at 5:06 pm #51055

    Elise Noromit
    Member

    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

    April 14, 2021 at 10:33 am #282745

    Kathleen
    Participant

    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;
    }

    April 14, 2021 at 10:35 am #282746

    Kathleen
    Participant

    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;
    }

    April 14, 2021 at 6:37 pm #282943

    Elise Noromit
    Member

    Hello,

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

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

    Best Regards

  • Author
    Posts
Viewing 11 posts - 1 through 11 (of 11 total)