Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • #1049387

    Hello there,

    I’d like to change the font color of WooCommerce buttons. I’m able to change the button style itself, but I don’t have access to the text.
    For example I’d like to change the “Proceed to checkout” button and the text. The button can easily be changed with

    .checkout-button{
    background-color: red !important;
    ....
    }

    However, when I try adding color: blue !important; into the same code block, the font color of the button, namely the text “Proceed to checkout” won’t change its color to blue but stays in its default color black. Neither I can change the font-weight nor font-size nor anything else regarding the text.

    How can I change the text itself?
    Same for all other buttons in WooCommerce. I can access the button itself by looking up their name in the developer environment, but I can’t access the button text.

    Thanks for you help and best regards,
    Yannik

    • This topic was modified 5 years, 10 months ago by yan_nik.
    #1049409

    Problem solved: To access all attributes of the ceckout button one have to call a.checkout-button.button.alt.wc-forward. That applies for all WooCommerce buttons.

    #1049514

    Hi,

    Great, glad you found a solution and thanks for sharing :-)

    Please let us know if you should need any further help on the topic or if we can close it.

    Best regards,
    Rikard

Viewing 3 posts - 1 through 3 (of 3 total)
  • You must be logged in to reply to this topic.