Return to previous page

Variations colour - by queenb123 - on WordPress WooCommerce support

This topic has 4 replies, 2 voices, and was last updated 9 years, 1 months ago ago by Jack Richardson

  • Avatar: queenb123
    queenb123
    Participant
    October 31, 2015 at 00:25

    hi,

    in this product:

    http://www.brazilianweave.uk/product/lace-frontal-mongolian-100-density/

    If you choose 16 inches – it will say “in stock”

    if you choose 18 inches – it will say “Available on backorder”

    1. how do i change the “in stock” colour to: #239936 – Green
    2. how do i change the “Available on backorder” colour to: #ff0000 – Red

    If it is not possible, dont worry i will keep the default colour.

    Thank you.

    Please, contact administrator
    for this information.
    #97092 Copied Theme version: latest WooCommerce version: latest
    3 Answers
    Avatar: Jack Richardson
    Jack Richardson
    Support staff
    October 31, 2015 at 10:52

    Hello,

    1. Please use this code in Global Custom CSS:

    p.stock.in-stock {
    color: #239936;
}

    2. Use this css code:

    p.stock.available-on-backorder {
    color: #ff0000;
}

    Best regards,
    Jack Richardson.

    #97117 Copied
    Avatar: queenb123
    queenb123
    Participant
    October 31, 2015 at 11:13

    Thank you.

    #97120 Copied
    Avatar: Jack Richardson
    Jack Richardson
    Support staff
    October 31, 2015 at 11:16

    Hello,

    You are welcome!

    Best regards,
    Jack Richardson.

    #97122 Copied
  • Viewing 4 results - 1 through 4 (of 4 total)

The issue related to '‘Variations colour’' has been successfully resolved, and the topic is now closed for further responses

8theme customization service

Useful links WooCommerce & WordPress

Unleash your online potential

Explore our best WordPress WooCommerce Themes collection

lazy-placeholder
Corporate – WordPress Theme
lazy-placeholder
Medical 02 – WordPress WooCommerce Theme
lazy-placeholder
Language Courses – WordPress WooCommerce Theme
lazy-placeholder
Lifestyle Blog – WordPress WooCommerce Theme
lazy-placeholder
Classic Fashion Store – WordPress WooCommerce Theme
lazy-placeholder
Travel – WooCommerce Theme
lazy-placeholder
Architecture – WordPress Theme
lazy-placeholder
Classic Fashion Store (Dark) – WordPress WooCommerce Theme
lazy-placeholder
HandMade Store – WooCommerce Theme
lazy-placeholder
Hosting Store – WordPress WooCommerce Theme

See All Templates

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.