LABEL "HOT"

Hi, i have a question:
In the attached image I circled the “sponsored” notice in green, which is the default “HOT” warning.
We would like this writing of the featured products not to be on the product’s image, but to go under the image instead of “Sold by ..”

Do you send me the code and the place where I have to put it?
Thank you

I attached the image

Attachments:

You must be logged in to view attached files.

Hi,

Unfortunately, there is no option to place that information under the image. We can give you a CSS code to make the text smaller or change its form to make it look better.

Regards

Yes, of course. Send us css code please. We add this code in a particular file?
Thanks

Hello,

Please provide your site admin access.

Best Regards

Sorry, i can’t give you admin access. Please explain me how can i do or write me in e-mail [email protected]

Thanks

Hello,

Try this code. Add the code to the Theme Settings > Custom CSS:

.product-element-top.product-image-link .product-label.featured {
    background-color: #e22d2d;
    font-size: 14px;
    color: #fff;
    font-weight: 600;
min-width: 50px;
}

Change the colors and text size as per your needs.

Best Regards

Hi, I would need the code to change the label also in the product sheet.
Thank you very much!

Hello,

This is the code for the Hot label on the product label:

.product-image-summary .product-images .product-label .new {
    background-color: #438e44;
    min-width: 50px;
    color: #fff;
    font-weight: 600;
    word-break: break-all;
    letter-spacing: .4px;
    line-height: 1.2;
    text-align: center;
    text-transform: uppercase;
}

Change the values and add to the Theme Settings > custom CSS

Best Regards

[Author]

Posts