This topic has 11 replies, 2 voices, and was last updated 6 years, 3 months ago ago by Rose Tyler
Hi there,
Myself and my team was wondering how to get text on the checkout button in this theme. I think we have most everything else figured out but for some reason, there is no way to change the color/text/etc on the checkout button. Is there a reason when it isn’t showing? Thanks!
Hello,
We have 3 types of buttons – light (for example http://prntscr.com/hdcwhy), dark (for example http://prntscr.com/hdcwxi), active (for example http://prntscr.com/hdcx3r).
Please try to change settings in Theme Options > Styling -> Content > Customize buttons. If this won’t help, provide us with temporary wp-admin access.
Regards
Hi Rose,
Thanks for getting back with me. I found that second for the buttons and edited the buttons to be red to match the site but still no luck. The checkout button in the cart is still blank. I am putting details in private. Thanks again for your help.
Hello,
Wp-admin credentials are incorrect. Please check them.
Regards
Sorry about that. Try this instead:
Hello,
Looks like we have a bug with buttons styling settings. I’ve sent the report to our developers and this will be fixed in next theme update. As a temporary solution you can use custom css code:
.checkout-button {
background-color: #c60302;
color: black;
}
(Theme Options > Styling > Custom css > Global Custom css).
Regards
Thank you very much for your help and sending this issue to the dev team.
I added the custom CSS and it works for hovering over the button (it turns black) but normally it stays white. Please advise on that. Thanks again for everything!
I cleared my cache and now the button is showing regular but blanks out white on hover over. Please advise. Thanks!
Please add this code also:
.checkout-button:hover {
background-color: black;
}
Regards
I added that code but the Proceed to Paypal button at checkout is still whited out and turns into a button on hover over. What code to do I need to show it as normal always? Thanks again for all of the help!
Please change this code:
.checkout-button {
background-color: #c60302;
color: black;
}
.checkout-button:hover {
background-color: black;
}
to:
.checkout-button, .form-row.place-order .button {
background-color: #c60302;
color: black;
}
.checkout-button:hover, .form-row.place-order .button:hover {
background-color: black;
}
Regards
You must be logged in to reply to this topic.Log in/Sign up