Probem with font color in the order form « Support Forum | Kriesi.at

Support Forum » Propulsion

Probem with font color in the order form

7 posts from 2 voices

Started 2 months ago by kubbek
Latest reply from kubbek
This topic is closed
This topic is not a support question

Tags:

No tags yet.

kubbek
Member

I have troubles with font colors in the order site of woocommerce: http://madebyolga.pl/zamowienie/ (you have to put something to the chart, to see it).
- Information about payment is nearly the same color as background. It uses body font color from prepulsion styling tab, but is placed on a light background.
- Some information in the order form have another light color on a light background.
- In the next step (order summary) names of products have exactly the same color as background.

My question is: how can I adress this elements to change their colors? Can I change it using the "quick css' box?

Bests
Jakub

Posted 2 months ago #

Devin
Moderator

Hi Jakub,

Try adding the following CSS to your Quick CSS (located under the Styling Tab in the theme options) or the custom.css file in the css folder of your theme files:

.woocommerce-cart .cart-subtotal strong, .woocommerce-cart .total strong, .woocommerce-cart .product-name a  {
color: #2f2522;
}
.woocommerce-checkout .cart-subtotal strong, .woocommerce-checkout .total strong, .woocommerce-checkout .product-name a, .woocommerce-checkout .payment_methods  {
color: #2f2522;
}

Adjust the color code as needed.

Regards,

Devin

Posted 2 months ago #

kubbek
Member

Thank you very much. It works! The last thing are products names i the last step of ordering process - order details. Product names have exactly the same color as background. I tried to copy your code and modify it, but I could not find names of this woocommerce elements.

Posted 2 months ago #
Devin
Moderator
I think its:
```
#top.woocommerce-account .product-name a {
    color: #333;
}
```
give that a try and change the color code as needed.
Posted 2 months ago #
kubbek
Member

This doesn't work. It is not the account section. It is the last step of ordering process - order details. It is surely product-name, but I can not find the name of woocommerce site :/

Posted 2 months ago #
Devin
Moderator
You can also try just targeting the order table with:
```
.order_table_item .product-name a {
color: #000;
}
```
Posted 2 months ago #
kubbek
Member

Thank you very much! That was it :)

Posted 2 months ago #

RSS feed for this topic

Topic Closed

This topic has been closed to new replies.

Kriesi.at - Wordpress Themes and HTML Templates

Probem with font color in the order form

Topic Closed

Support Forum usage - Please read

Check out some of our WordPress Themes

Blog Categories

Latest Themes

Pages

About me…