Okay
  Public Ticket #2450121
Woocommerce Badge
Closed

Comments

  •  2
    andreadtown started the conversation
    June 23, 2020 at 12:54pm

    Hello, one of the two products is in offer but the badge is that ugly black circled IN in the upper right corner of the product image. Where and how can I change it?

  • [deleted] replied
    June 23, 2020 at 1:01pm

    Hi Andrea,

    Here is the selector (see video).

    You can add the code below to your Custom CSS area:

    .woocommerce .onsale {
    font-size: 12px;
    text-align: center;
    line-height: unset;
    padding-top: 8px;
}

    Thanks!

  •  2
    andreadtown replied
    June 23, 2020 at 1:06pm

    Beautiful! Why can't I change the background color to make it red for example?

  • [deleted] replied
    June 24, 2020 at 7:02am

    Hi Andrea,

    Sure, this is the CSS code:

    .woocommerce .product .onsale {
    background: red;
}

    Have a nice day!

  •  2
    andreadtown replied
    June 24, 2020 at 7:05am

    Fantaastic support! Thanks Ylli!

  • [deleted] replied
    June 24, 2020 at 7:07am

    Thanks for your kind words Andreasmile.png

    I wish you have a great day!

    Will set this ticket as solved from here.