[Support request] WooCommerce Text Color Issue

Home Forums Support WooCommerce Text Color Issue

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #1059263
    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?

    #1059335
    David
    Staff
    Customer Support

    Hi there,

    try this CSS:

    .single_variation_wrap {
        color: #fff !important;
    }
Viewing 2 posts - 1 through 2 (of 2 total)
  • You must be logged in to reply to this topic.