Product label

Hello, how to split text into two lines only in mobile version?
As seen in screenshot it looks not good.

Attachments:

You must be logged in to view attached files.

Hello,

I saw the screenshot you attached. Please try adding the following Custom CSS in the Custom CSS for Mobile area under Theme Settings >> Custom CSS.

.product-label.attribute-label:not(.label-with-img) {
    border-radius: 35px;
    padding: 0;
    font-size: 9px;
    min-width: 95px;
}

This will change the font size and height and width of the label to make it look good on mobile.

Best Regards.

Greetings, Aizaz! Thank you for the help!

I want to write the name of the attribute in two lines or use <br> to make it possible.
Currently, the label obstructs the image.

Thank you in advance,
Rams

Hello,

I saw the screenshot you attached.

Sorry but it is not possible to add a
tag in the product label using simple Custom CSS.

It requires customizations and this is beyond our limitations and support policy.

Best Regards

Hello Aizaz. I have such css, How to make this attribute label lower in height? When I try to change padding my css doesnt show up on google chrome. And i dont know why.

span.attribute-label.product-label.label-term-new-design.label-attribute-pa_design {
display: flex;
background: #422110;
border-radius: 1px;
padding:0px;
font-size: 11px;
min-width: 95px;
}

Hello,

Please replace the CSS you added with the following in the Global Custom CSS area under Theme Settings >> Custom CSS.

span.attribute-label.product-label.label-term-new-design.label-attribute-pa_design {
    display: flex;
    background: #422110;
    border-radius: 1px;
    padding: 5px;
    font-size: 11px;
    min-width: 95px;
    min-height: 30px;
}

Regards.
Xtemos Studios

Thank you very much. It is working

Hello,

We are thrilled that you loved your experience with XTEMOS,We put customer experience and satisfaction as our priority, and your words reaffirms the hard work we put in every day.

So thanks for your kind words and we look forward to seeing you again.

Let us know if there’s anything else we can do for you! You can always reach us at any time. We are always here to help you.

Have a wonderful day.

Topic Closed.
Best Regards.

[Author]

Posts