Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #33201
    James Galanti
    Guest

    I used the “variations” option on a product in Woocommerce. When the pull down menu is created for the option, the prompt (say size) is in white and the background is light in color also. I could change the background color which changes it everywhere which I do not want. How do I just change the color of the font of the prompt?
    Thank you for any help that you can provide!

    #33229
    Jesse Owens
    Keymaster

    Hi James-

    Checking out your site, it looks like you may have already solved this issue over the weekend? When I check out variations, for example the wine option, it looks correct like black-on-white text.

    Did you already solve this, or am I looking at the wrong area?

    #33233
    James Galanti
    Guest

    I needed to darken the background for the word “Wine” to show up in white. This meant that I changed the color (white) that I was using in my color scheme just so the word wine would show up. I would like to be able to control the color of the text. Here is the link to the page
    https:// [redacted] /product/dark-chocolate-lions-love-package/

    #33251
    Jesse Owens
    Keymaster

    Hi James-

    Thanks a lot for the clarification, I see what you mean now that the Label for the variations was the light color.

    Here’s a Custom CSS rule you can use in your Customize > Advanced > Custom JS & CSS menu:

    .woocommerce div.product form.cart .variations label {
        color: #333;
    }
    

    The color #333 is based on the text in the paragraph just above the selection box, but you can change that according to your taste. Once you have that CSS rule in place, you can change your background color back to white.

Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘WooCommerce Varations dropdown Shows Light on Light Color’ is closed to new replies.