How to change the color from the amount left text?

Hi,

I’ve just rechecked it on my server and setting it simply as:

<span style="color: red;">%amount_left_for_free_shipping% left for free shipping</span>

seems to be solving the problem, so I suppose it’s must be your theme overriding the color. Please try setting the “Content” to:

<span class="amount-free-shipping">%amount_left_for_free_shipping% left for free shipping</span>

and then try adding this to your custom CSS (in “Customize > Additional CSS”):

.amount-free-shipping,
.amount-free-shipping .woocommerce-Price-currencySymbol,
.amount-free-shipping .woocommerce-Price-amount {
    color: red !important;
}

If that won’t help – maybe you can give me a link to your site’s frontend (if you want to do it privately, my email is [email protected]).