Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #22120

    Since the text in the woocommerce cart and checkout section is not good readable, I’ve tried to change the font color as explained in that post: http://www.kriesi.at/support/topic/font-colour-cart-order#post-99946

    I’ve added the code to custom.css.

    But this is working only in parts. Try to put a product into the cart: http://www.planet-upcycling.de

    In the cart section “Price”, “Sum” and “VAT” are still in the former color and in the checkout section everything except “Sum”. How can I change the colors here?

    Thank you.

    Frank

    #114290

    Hey!

    Try to add following code to the quick css field:

    .woocommerce-cart td, .woocommerce-checkout td{
    color: #333;
    }

    Obviously you can change the color value :)

    Regards,

    Peter

    #114291

    Hey, thank you.

    did it. But nothing has changed?

    Regards,

    Frank

    #114292

    Hey!

    Try to add the important tag:

    .woocommerce-cart td, .woocommerce-checkout td{
    color: #333 !important;
    }

    and clear the browser cache.

    Regards,

    Peter

    #114293

    No, still the same. Deleted cache 3 times. I’m still on Woocommerce 1.6.6. Could that be a reason?

    #114294

    Hi PLUP_Planet_Upcycling,

    Its getting overwritten by this line you have in there as well:

    #top .meta-color, div .meta-color a, .main_menu ul li a, #top .comment-container a, #top .widget ul li a, .minitext, .form-allowed-tags, div .pagination, #comments span, .minitext, .commentmetadata a, .blog-tags, .blog-tags a, .title_container #s, .wp-caption, blockquote:before, blockquote:after, blockquote small, blockquote cite, .hero-text, .js_active .tab, .news-time, .contentSlideControlls a, #js_sort_items a, .text-sep, .template-search a.post-entry .news-excerpt, ul.borderlist>li, .post_nav, .post_nav a, .quote-content, #top .widget_nav_menu li, .tweet-time, #top .avia_parnter_empty, .avia_socialcount a span, td, #top th.nobg, caption, .page-title{
    color:#C0C0C0;
    }

    So try:

    #top.woocommerce-cart td, #top.woocommerce-checkout td{
    color: #333 !important;
    }

    and if that doesn’t do it, then remove ” td, ” from the css block above in your Quick CSS.

    Regards,

    Devin

    #114295

    Hi Devin,

    tried both, neither works. I havn’t the first line you have written in my quick CSS. Where can I find it?

    Frank

    #114296

    Hi Frank,

    You can also try adding the css to your actual custom.css file in the css folder of the theme files as well as:

    td {
    color: #333;
    }

    to generally set all tables to #333. Very odd that non of them are taking effect as !important should force it under all circumstances unless something above it also has !important.

    Regards,

    Devin

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

The topic ‘font color Woocommerce cart/checkout’ is closed to new replies.