Return to previous page

Topic: Checkout Button is Blank/White

Dustin_Warncke

Participant

July 2, 2018 6:28 am

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!
Site URL: hidden
Theme version: Latest Version

#195805 copied to clipboard

Like

Rose Tyler

Support staff

July 2, 2018 9:05 am

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 to clipboard

Like

Dustin_Warncke

Participant

July 2, 2018 2:46 pm

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.

Content is visible for topic creator and
support staff only.

#195860 copied to clipboard

Like

Rose Tyler

Support staff

July 2, 2018 3:21 pm

Hello,

Wp-admin credentials are incorrect. Please check them.

Regards

#195866 copied to clipboard

Like

Dustin_Warncke

Participant

July 2, 2018 8:53 pm

Sorry about that. Try this instead:

Content is visible for topic creator and
support staff only.

#195876 copied to clipboard

Like
Rose Tyler

Support staff

July 3, 2018 8:25 am
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 to clipboard

Like
Dustin_Warncke

Participant

July 3, 2018 4:56 pm

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 to clipboard

Like

Dustin_Warncke

Participant

July 3, 2018 6:34 pm

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

#195967 copied to clipboard

Like
Rose Tyler

Support staff

July 4, 2018 7:34 am
Please add this code also:

.checkout-button:hover { background-color: black; }

Regards
#195990 copied to clipboard

Like
Dustin_Warncke

Participant

July 4, 2018 3:39 pm

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 to clipboard

Like
Rose Tyler

Support staff

July 5, 2018 7:34 am
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 to clipboard

Like