Change text button color in checkout and cart of WooCommerce Shop

  • Resolved Visual Vision

    (@visualvision)


    3 years, 1 month ago

    Hi & good morning!

    I’d like to change the text-color of 2 buttons:
    One in my cart: “Weiter zur Kasse” (= proceed to checkout)
    One in my checkout: “Bestellung bearbeiten” (=edit order)
    I’d like to have WHITE TEXT in both displays – normal and hover. Now the text color is set to background color, so that you can’t read the text.

    I use the latest Word Press Version, Ocean WP Theme, Woocommerce and Germanized (among other Plugins). I tried to change the color in the Customizer but nothing happened. I think I have some codes implemented which cause this problem. Can anyone help me get this issue solved asap? Please?

    Greets,
    Nicole

    The page I need help with: [log in to see the link]

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

  • Hello,

    ?Please try to add the below CSS code from the Appearance > Customize > Custom CSS, and check.

    .woocommerce-cart .button.wc-backward, .woocommerce-cart .wc-proceed-to-checkout a.checkout-button {
    color: #fff;
}
    Thread Starter Visual Vision

    (@visualvision)

    Hi Abhishek!

    Thank you for your code! I added it to my page but unfortunately it didn’t work. I think I use some other code elsewhere – somethings might not fit together.
    Hmmm …

    Sorry but not getting the added code.
    Can you please share a snapshot of the section where you have added the code.?

    Thread Starter Visual Vision

    (@visualvision)

    Hi,

    I uploaded a screenshot of the page in Google Drive.

    https://drive.google.com/file/d/1RUVLar1VVVv7lFuWq0pFOl180zxcSchv/view?usp=sharing

    Recently I did some updates but it didn’t change anything. The button still shows now text (text color = background color).
    ??

    Thank you for sharing the snapshot.

    As you can see there is a closing bracket missing the marked section of code and that is the reason for not working the below-added codes.

    https://ibb.co/RP7g2k4

    Thread Starter Visual Vision

    (@visualvision)

    Hi,

    thank you for your idea! But that didn’t solve the problem.
    So I took your code and paste it to the top of the CSS Code Section. Now it looks fine! So, my problem is solved! Thank you so much for your support!

    Best regards,

    Nicole

    You are most welcome and glad to hear that solution worked well.??

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Change text button color in checkout and cart of WooCommerce Shop’ is closed to new replies.