Home › Forums › Basel support forum › Text colour in checkout

Text colour in checkout

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • April 9, 2019 at 2:03 pm #117852

    reklamehusetno
    Participant

    We are very happy with your theme, but are dealing with a few troubles we just cannot figure out. The text under “my order” during checkout (that shows what products a customer has ordered) is white on white background. Which means that the customers cannot see what they have ordered, only the price (which is in light grey).

    We are also having problems with the plugin “Klarna Checkout” overriding the plugin “Checkout Files Upload for WooCommerce”, but I assume that is not related to the Basel theme…?

    Also, some buttons are adopting our settings in the theme settings and some are not. We want red buttons with white text, but some are red with black text. The buttons I can remember that shows up with the wrong text colour is “Choose another payment method” and “Update cart”.

    Thanks in advance!

    Attachments:
    You must be logged in to view attached files.
    April 9, 2019 at 3:02 pm #117887

    Elise Noromit
    Member

    Hello,

    Thank you very much for choosing our theme and for contacting us.

    Please show the problem on screenshots, I cannot figure out which text is white https://gyazo.com/58e6a7dbacc057eb3c63ab7bd11f9f02

    Yes, you are right, our support does not cover the third parties plugins. Please contact the plugins support.

    Please add this code to the Theme Settings > Custom CSS > Global:

    body .added_to_cart, 
body .btn, 
body .button,
body button, input[type=submit]{
color:#ffffff;
}

    Best Regards

    April 9, 2019 at 3:33 pm #117895

    reklamehusetno
    Participant

    Thank you for your respond, the code was very helpful.

    Attached is a new screenshot of the checkout-page, I have highlighted the white text.

    Attachments:
    You must be logged in to view attached files.
    April 9, 2019 at 7:23 pm #117923

    Elise Noromit
    Member

    Hello,

    Please add this code to the Theme Settings > Custom CSS > Global:

    body .woocommerce-checkout .responsive-table {
    color: #000000;
}

    Best Regards

    April 15, 2019 at 12:36 pm #118913

    reklamehusetno
    Participant

    Thank you so much, this helped! 😀

    April 15, 2019 at 5:54 pm #118980

    Elise Noromit
    Member

    You are welcome! If you have any questions please feel free to contact us.

    Best Regards

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)