Home › Forums › WoodMart support forum › How change "Discount", "Hot", "New" labels position from left to right

How change "Discount", "Hot", "New" labels position from left to right

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • July 1, 2021 at 4:43 am #303786

    sufcreate
    Participant

    Hello.
    Please help with Labels.

    How i change “Discount”, “Hot” ,”New” labels position

    i need Discount Label stay left
    i need New Label go stay left with Discount
    i need Hot Label go right

    and if possible dimensions and colors?
    plase tell me i need custom 🙂

    July 1, 2021 at 8:32 am #303852

    Aizaz Imtiaz Awan
    Keymaster

    Hello,

    Please try adding the following Custom CSS in the Global Custom CSS area under Theme Settings >> Custom CSS.

    .product-label.featured {
    left: 0;
    top: 15px;
    bottom: 0;
    right: 0;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    pointer-events: none;
}

.product-label.featured {
    position: absolute;
    transform: translate(100%, -50%);
    height: 26px;
}

    Regards.
    Xtemos Studios

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