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
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.