Cart Checkout Button

Hi, this is related to your theme. If you test one of WordPress default themes like Twenty Nineteen, you will see the difference.

You could try the following CSS code.

.wp-block-coblocks-row[data-columns="1"] .wp-block-coblocks-column__inner>:not([class*="wp-block-"]) {
    margin-left: auto;
    margin-right: auto;
    max-width: 50%;
}

.wpspsc_checkout_form {
    line-height: 100%;
}

You can play around with the percentage value.

Let me know if the above helps you.

Thank you

• This reply was modified 4 years, 7 months ago by mbrsolution.

Thank you mbrsolution,
I also found your button image replacement solutions for add to cart, and for checkout buttons.
https://mbrsolution.com/wordpress/simple-paypal-shopping-cart-customize-checkout-buttons.php
Is it possible just to replace the images in the plugin directory somewhere instead of adding to the functions.php file?

I’ll be taking a look at spacing an dimage replacements tomorrow.
Thank you!

Hello mbrsolution,
You totally helped out on the spacing. Would you please take a look and assist with these two questions:
1. Can you tell me how to get the Quantity field on same line as Item and Price fields.
2. Can you say how to center the Cart and the Checkout buttons (if there is any way in the Free version).

https://www.carlloop.com/mondays-reimagined/

Thank you very much,
Carl

Hi Carl, this is more related to your current theme. Please check one of WordPress default themes like Twenty Nineteen and visually see the difference between both themes and the way they display the cart and checkout buttons. This should give you a clue if it is possible to achieve what you are trying to achieve with your current theme.

Let me know how you go.

Thank you

Right on. I will test further and see what I decide.
Thank you, I’ll close the conversation.
Carl