[Support request] WooCommerce Text Color Issue

[Wolf]

I use elementor theme builder to manage how the product pages/shop looks for woocommerce.
That’s also where I normally select the color for the text as well.
Unfortunately, there is no option to change the text color of variations in woocommerce.

I also have tried to find this option for variable text product in the Color Settings of the Woocommerce Addon from Elementor, had no luck their either.

Here’s my “additional css” – which I think don’t even need anymore, because I replace the contact form anyway.

/* GeneratePress Site CSS */ /*Custom CSS is for the Contact Form 7 ##form. If you are using Elementor Pro, you can download that version from https://Elementortemplatepack.com
*/

label {
  color: #000;
  font-size: 18px;
  font-weight: 600;
  text-transform: uppercase;
  font-variant: normal;
}
.wpcf7-form-control.wpcf7-submit {
  color: #ffffff;
  font-size: 18px;
  font-weight: bold;

  background-color: #6cb670;
}

input[type=submit]:hover {
  background-color: #ffffff;
  font-size: 18px;
  font-weight: bold;
  font-variant: normal;
  color: #ffffff;
}
.wpcf7-form {
  padding: 5px;
}
.wpcf7 input.wpcf7-text { width: 100%; } 

.wpcf7-form-control-wrap span {
    color: #fff;
}
 /* End GeneratePress Site CSS */

.home .main-navigation .main-nav ul li[class*="current-menu-"] > a {
    color: #fff;
}

.home .main-navigation .main-nav ul li.mPS2id-highlight > a {
    color: #6cb670;
}

Using the inspection tab I found out that I’d need to change to color of:

div.woocommerce-variation-description
div.woocommerce-variation-price

How do I do this?

[David]

Hi there,

try this CSS:

.single_variation_wrap {
    color: #fff !important;
}

[Author]

Posts