Home › Forums › WoodMart support forum › How can i change text color out of stock

How can i change text color out of stock

Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • June 21, 2018 at 8:59 am #64041

    Vincentesa
    Participant

    Hello is there an CCS code or option how i can change the color of out of sale. This is for product grid and on product detail page. I send some attachments so you can see. I write the text in dutch ”Tijdelijk niet leverbaar” what means out off stock.

    Links to pages:
    https://gecona.nl/product/waterpijp-pumpkin23cm-rood/
    https://gecona.nl/product/adalyalove-66/

    Can you help me white this?

    Greet.

    June 21, 2018 at 9:50 am #64051

    Elise Noromit
    Member

    Hello,

    This is possible to do with CSS, please add this code to Theme Settings > Custom CSS

    .woocommerce div.product .out_of_stock_color {
    color: c;
}

    Please replace this color #c6c6c6 with that one you need.

    Best Regards

    June 21, 2018 at 9:59 am #64053

    Vincentesa
    Participant

    Hello Elise,

    It does not change the colors of the text.
    This is what i did.

    .woocommerce div.product .out_of_stock_color {
    color: #ffffff
    }

    Is this correct?

    Greets,
    Vincent

    June 21, 2018 at 10:56 am #64067

    Elise Noromit
    Member

    Hello,

    Try this one: 

    .woocommerce div.product .out_of_stock_color {
color: #ffffff;
}

    Best Regards

    June 21, 2018 at 11:21 am #64071

    Vincentesa
    Participant

    No luck yet.

    Do you have something else?

    Greets

    June 21, 2018 at 11:31 am #64075

    Elise Noromit
    Member

    Hello,

    Please try this one 

    .product-image-summary .stock, .variations_form .stock {
    color: yellow;
}

    If the code does not work, please provide your site admin access.

    Best Regards

    June 21, 2018 at 12:19 pm #64079

    Vincentesa
    Participant

    Hello,

    Herby, Still no luck for me. Hope you can help me out.

    Greets.

    June 21, 2018 at 2:22 pm #64105

    Elise Noromit
    Member

    Hello,

    Your CSS has errors that is why code added after is not workable. Please check code on lines 15-18, replace the color as per your needs. Correct your errors in CSS.

    Best Regards

    June 21, 2018 at 2:40 pm #64111

    Vincentesa
    Participant

    Hello,

    Im realy glad for help. It works now. What can i do about the errors? Because all of the CSS codes i get from you guys. Can you help me to solve this?

    Greets.

    June 21, 2018 at 5:16 pm #64142

    Elise Noromit
    Member

    Hello,

    The CSS code provided by our guys do not contain any errors nevermind I will help you however you have modified the Dashboard I cannot see the Theme settings http://prntscr.com/jxpa4m

    If you have installed any plugins deactivate them.

    Best Regards

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