Change Text color for variations in Woocommerce

Support
#1

How can I change the color of text for product variation values in woocommerce?
On Google Chrome and Firefox the options in these boxes are not visible/white in color.
In Safari and iPhone the text is dark grey and visible. How can I force a text color to be displayed?
https://walcom-aus.com/product/slim-kombat/

Thank you in advance for your help. :pray:

#2

Hello @artisticdog,

Thanks for posting in! I have checked your product page and I found out that you have used this custom css:

select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
    background: #fff;
    padding: 20px 10px;
    border: none;
}

Please have it updated and use this code instead:

select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
    background: #fff;
    padding: 20px 10px;
    border: none;
    height: auto;
    color: red;
}

The CSS height and color property were added in the code above. To learn more about these properties, check this out:

We would love to know if this has worked for you. Thank you.

#3

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.