[NSFW] Change font color of product variation “name”

[ad_1]

Something along the lines of

h2 {
color: white;
}
.woocommerce-product-attributes.shop_attributes {
color: white;
}

under Appearance → Customize → Extra CSS

hmmm…no change… any other ideas?

Tor-Bjorn’s suggestion should work when added to the Additional or Extra CSS. Be sure caching is not confusing the issue. Flush any caches involved, both client and server side.

If you still have trouble, try adding the !important modifier after each color specification. It’s best to avoid using !important, but if it works in a pinch when nothing else does…

Even if the rules added to Additional CSS do not seem to have any effect, please leave them in place for now so we can investigate further why they are not working.

hmmm- still not working – the Variation Name (Pack Size) next to “choose an option” box is still black on product page :

[removed redundant link]

Appearance → Customize → Additional CSS –

then Copy/paste:

h2 { color: white; } .woocommerce-product-attributes.shop_attributes { color: white; }

nothing/ then tried this:

h2 { color: white; !important } .woocommerce-product-attributes.shop_attributes { color: white; !important}

still nothing… I have left the code in..

Add

th > label {
  color: white;
}

oh man- I just noticed- it did work on the tab below for “Additional Information” !

any idea how to adjust the font color on the “pack size (name)” on the area next to “choose an option?

any idea how to adjust the font color on the “pack size (name)” on the area next to “choose an option?

See my comment from 6 minutes ago.

YOU ROCK!!! Thank you! Thank you! very much!!