Checkout Button is Blank/White - by Dustin_Warncke

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

  • Avatar: Dustin_Warncke
    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!

    10 Answers
    Avatar: Rose Tyler
    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

    Avatar: Dustin_Warncke
    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.
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    July 2, 2018 at 15:21

    Hello,

    Wp-admin credentials are incorrect. Please check them.

    Regards

    Avatar: Dustin_Warncke
    Dustin_Warncke
    Participant
    July 2, 2018 at 20:53

    Sorry about that. Try this instead:

    Please, contact administrator
    for this information.
    Avatar: Rose Tyler
    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

    Avatar: Dustin_Warncke
    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!

    Avatar: Dustin_Warncke
    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!

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    July 4, 2018 at 07:34

    Please add this code also:

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

    Regards

    Avatar: Dustin_Warncke
    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!

    Avatar: Rose Tyler
    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

  • Viewing 11 results - 1 through 11 (of 11 total)

You must be logged in to reply to this topic.Log in/Sign up

8theme customization service
We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.