New Landing › How can we help? › Themeforest Theme Support › Neighborhood › change the "SALE , OUT OF STOCK" display

Viewing 12 posts - 1 through 12 (of 12 total)
  • Back to forum
    Posted in: Neighborhood
  • January 19, 2016 at 4:39 pm #241958
    ballisticone
    Member
    Post count: 103

    how can i make the SALE , OUT OF STOCK , NEW
    to be just letter on the top right of image ?

    Thanks.

    Attachments:
    You must be logged in to view attached files.
    January 19, 2016 at 4:46 pm #241965
    David Martin – Support
    Moderator
    Post count: 20834

    Hi,

    Do you mean you want a transparent badge color, or you want to change the actual text?

    For the first, test this:

    .woocommerce span.onsale, .woocommerce .wc-new-badge, .woocommerce .out-of-stock-badge, .woocommerce .free-badge {
    background: transparent;
    color: #000;
    right: 10px!important;
    top: 10px!important;
    transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
}

    Thanks.

    January 19, 2016 at 7:10 pm #242041
    ballisticone
    Member
    Post count: 103
    This reply has been marked as private.
    January 19, 2016 at 7:13 pm #242045
    ballisticone
    Member
    Post count: 103
    This reply has been marked as private.
    January 19, 2016 at 7:18 pm #242048
    David Martin – Support
    Moderator
    Post count: 20834

    Hi,

    Please test this:

    .woocommerce span.onsale, .woocommerce .wc-new-badge, .woocommerce .out-of-stock-badge, .woocommerce .free-badge {
    background: transparent!important;
    color: #000;
    right: 10px!important;
    top: 10px!important;
    transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
}

    Can you add a link also?

    Thanks.

    January 19, 2016 at 7:21 pm #242049
    ballisticone
    Member
    Post count: 103
    This reply has been marked as private.
    January 19, 2016 at 7:24 pm #242051
    David Martin – Support
    Moderator
    Post count: 20834

    Hi,

    Add in color: #000!important; to change the color: font-size: 10px;.

    Thanks.

    January 20, 2016 at 4:12 am #242113
    ballisticone
    Member
    Post count: 103

    thank you . it works

    January 20, 2016 at 4:13 am #242114
    ballisticone
    Member
    Post count: 103

    one more thing, how can i change the type face ?

    January 20, 2016 at 7:01 am #242125
    Mohammad – SUPPORT
    Moderator
    Post count: 27441

    Hi,
    Do you want to change the Font Type?
    Thanks
    Mohammad

    January 20, 2016 at 7:25 am #242130
    ballisticone
    Member
    Post count: 103

    yes, for that SALE tag , please.

    January 20, 2016 at 7:57 am #242140
    Mohammad – SUPPORT
    Moderator
    Post count: 27441

    Hi,
    Please use this custom css code:-

    .woocommerce span.onsale{
font-family:arial !important;
}

    Thanks
    Mohammad

  • Back to forum
    Posted in: Neighborhood
Viewing 12 posts - 1 through 12 (of 12 total)

You must be logged in and have valid license to reply to this topic.

License required for one of the following items
Login and Registration Log in · Register