Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • #20924

    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

    #109673

    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

    #109674

    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.

    #109675

    I think its:

    #top.woocommerce-account .product-name a {
    color: #333;
    }

    give that a try and change the color code as needed.

    #109676

    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 :/

    #109677

    You can also try just targeting the order table with:

    .order_table_item .product-name a {
    color: #000;
    }

    #109678

    Thank you very much! That was it :)

Viewing 7 posts - 1 through 7 (of 7 total)

The topic ‘Probem with font color in the order form’ is closed to new replies.