Shopping cart color change

How can I change the color from black to red in this code to show how much more money is needed to get free postage.

.single-product .product .price .woocommerce-Price-amount.amount {
color: red !important;
font-size: 22px;
font-weight: bold;
}

.cart-info .woocommerce-Price-amount.amount,
.woocommerce-mini-cart__total .woocommerce-Price-amount {
color: #016093 !important;
font-size: 15px;
font-weight: bold;
}

.woocommerce-mini-cart__total strong {
font-size: 22px;
color: black !important;
font-weight: bold;
}

.woocommerce-mini-cart__total span.woocommerce-Price-amount.amount {
font-size: 22px;
color: red;
font-weight: bold;
}

.woocommerce-mini-cart__total span.woocommerce-Price-amount.amount {
color: red !important;
font-size: 24px;
font-weight: bold;
}

I also have this problem, I am sending you a picture in private.

Here is a picture, this way you will understand better.

Hello,

Sorry to say your first and second screenshots are not working. Go to Theme Settings > Typography > Advanced > Select the Product grid price element from drop down and customize the typography settings.

If you have any questions feel free to contact us.

Best Regards.

Probably the problem is in the css code I wrote.

Check out my site and see what I want and if you can adjust the css code, thanks.

I sent you the link and the site in a private message

Hello,

Add below Custom CSS code to Theme Settings > Custom CSS > Global custom CSS

span.woocommerce-Price-amount.amount {
	color: red !important;
}

Best Regards.

In that case, it changes color here as well.
It should be white here.
https://prnt.sc/eGIYJJ0Wr54g

When I add that code to css, it changes the color both in the part where the basket is and in the part where it shows how much free shipping is still needed.

Hello,

Please share the wp login details in private content under the message area I will further check and give you a possible solution.

Best Regards.

Here I am sending you.

Here is the link

Hello,

Please delete the old given custom CSS code and use the below custom CSS code:

.shopping-cart-widget-footer .wd-progress-bar.wd-free-progress-bar .progress-msg span {
    color: red;
}

Best Regards.

Okay, that changed it to red how much money is needed for free shipping.

Now how do I change the text color and size for the following:

“RELATED PRODUCTS”

“PRICE UNDER THE TITLE WHEN I ENTER THE PRODUCT”

And how do I change the size and color in the basket itself.

I am sending you privately a picture of what it should look like and how it currently looks with that css code.

Hello,

Go to Theme Settings > Typograph > Advanced > Choose the product grid price and single product price element and change the color.
Screenshot for clarification:
https://ibb.co/gvVkBPM

Add below Custom CSS code to Theme Settings > Custom CSS > Global custom CSS for “SEE SIMILAR PRODUCTS” heading:

.slider-title {
     font-size: 22px;
   color: red;
}

Best Regards.

We did not understand.
I don’t want to change the color to “SEE SIMILAR PRODUCTS”.

Already in that part, I want to change the size of the numbers for the price.

Look at the picture, I sent you.

Hello,

Go to Theme Settings > Typograph > Advanced > Choose the product grid price and single product price element and change size.
Screenshot for clarification:
https://ibb.co/gvVkBPM

As for the mini cart price, change the font size from the css that I have given you in the previous replies.

Best Regards.

[Author]

Posts