Return to previous page

Checkout Button is Blank/White - by Dustin_Warncke

This topic has 11 replies, 2 voices, and was last updated 6 years, 4 months ago ago by Rose Tyler

Dustin_Warncke

Participant

July 2, 2018 at 06:28

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!

#195805 Copied Theme version: Latest Version

10 Answers

Rose Tyler

Support staff

July 2, 2018 at 09:05

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

#195826 Copied

Dustin_Warncke

Participant

July 2, 2018 at 14:46

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.

Please, contact administrator
for this information.

#195860 Copied

Rose Tyler

Support staff

July 2, 2018 at 15:21

Hello,

Wp-admin credentials are incorrect. Please check them.

Regards

#195866 Copied

Dustin_Warncke

Participant

July 2, 2018 at 20:53

Sorry about that. Try this instead:

Please, contact administrator
for this information.

#195876 Copied
Rose Tyler

Support staff

July 3, 2018 at 08:25
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
#195892 Copied
Dustin_Warncke

Participant

July 3, 2018 at 16:56

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!

#195962 Copied

Dustin_Warncke

Participant

July 3, 2018 at 18:34

I cleared my cache and now the button is showing regular but blanks out white on hover over. Please advise. Thanks!

#195967 Copied
Rose Tyler

Support staff

July 4, 2018 at 07:34
Please add this code also:
```
.checkout-button:hover {
    background-color: black;
}
```
Regards
#195990 Copied
Dustin_Warncke

Participant

July 4, 2018 at 15:39

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!

#196049 Copied
Rose Tyler

Support staff

July 5, 2018 at 07:34
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
#196068 Copied
Viewing 11 results - 1 through 11 (of 11 total)