Home › Forums › WoodMart support forum › Product label

Product label

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • February 18, 2021 at 6:03 am #267496

    goodmanrams
    Participant

    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.
    February 18, 2021 at 9:02 am #267546

    Aizaz Imtiaz Awan
    Keymaster

    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.

    February 18, 2021 at 11:16 am #267595

    goodmanrams
    Participant

    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

    February 18, 2021 at 12:27 pm #267618

    Aizaz Imtiaz Awan
    Keymaster

    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

    March 12, 2021 at 11:15 am #273026

    goodmanrams
    Participant

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

    March 12, 2021 at 12:31 pm #273066

    Aizaz Imtiaz Awan
    Keymaster

    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

    March 12, 2021 at 12:46 pm #273076

    goodmanrams
    Participant

    Thank you very much. It is working

    March 12, 2021 at 1:00 pm #273086

    Aizaz Imtiaz Awan
    Keymaster

    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
Viewing 8 posts - 1 through 8 (of 8 total)

The topic ‘Product label’ is closed to new replies.