Proceed to checkout button Woocommerce not visible

Hello,

On the checkout page I have beautiful orange buttons for coupons etc. but not for the proceed to checkout. This is just a very small link called “Doorgaan naar afrekenen” on my webpage.

How can I change the “proceed to checkout” to the same layout as coupons etc. So visitors don’t miss it.

https://www.sollicitego.nl/winkelmand/

I have updated the theme and woocommerce to the most resend version. The problem was already before that.

Thank you in advantage!

Hi,

Please post a link to your website, so we can check.

Best Regards,
Csaba

https://www.sollicitego.nl/winkelmand/

Somehow the link doesn’t want to show. Let’s try this:

www(dot)sollicitego(dot)nl/winkelmand/

Maybe you need to purchase an item in the shop first. You could do that on the following page, just click the orange button at the bottom:

www(dot)sollicitego(dot)nl/product/sollicitatietraining/

Hi,

You can change the Proceed to Checkout link to the same button style as your other large orange buttons:

.wc-proceed-to-checkout a {
    background-color: #ff6b53;
    padding: 10px 20px;
    font-family: 'Roboto Condensed',sans-serif;
    font-size: 16px;
    text-transform: uppercase;
    color: #fff;
    box-shadow: 0 5px 0 #C2503D;
    border-radius: 5px;
    font-weight: 700;
    border: 0;
}

.wc-proceed-to-checkout a:hover {
    color: #fff;
    text-decoration: none;
}

Add the above CSS to your Child Theme’s style.css or in case you haven’t setup a Child Theme already, then you can also use this plugin to add the CSS to it: https://wordpress.org/plugins/simple-custom-css/ so you will not loose the changes on theme updates.

Please let me know how it works.

Best Regards,
Csaba

Working! Thank you Csaba for your help!

Hi,

Great! You’re most welcome! If you need help with anything else, please, feel free to open a new topic.

Have a nice day!

Best Regards,
Csaba