[Support request] Change Woocommerce availability color text / HTML tags

Home Forums Support [Support request] Change Woocommerce availability color text / HTML tags

Home Forums Support Change Woocommerce availability color text / HTML tags

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #1112372
    aidatün

    Hi.

    I want to change text color of the stock availability text.
    It has 2 colors:
    – GREEN for onstock products and backorder products
    – RED for out of stock products.

    I need to change backorder products to orange color. Actually, I want to change HTML tags containing these texts, so i can add some css.

    Thank you in advantage.

    #1112417
    David
    Staff
    Customer Support

    Hi there,

    Woocommerce automatically adds the different CSS classes for the Stock meta – so you can style them using this CSS:

    /* Products IN STOCK */
    .woocommerce div.product p.stock {
        color: green;
    }
    
    /* Products ON BACKORDER */
    .woocommerce div.product p.stock.available-on-backorder {
        color: orange;
    }
    
    /* Products OUT OF STOCK */
    .woocommerce div.product p.stock.out-of-stock {
        color: red;
    }
    #1113569
    aidatün

    Thanks.
    Also, there is some way to edit the html tags? so I can add some custom classes.

    #1113923
    Leo
    Staff
    Customer Support

    You’d need to modify WooCommerce template for that – something you will need to check with their support if you aren’t sure how to.

Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.