Center buttons on Checkout page

[prc93ltda]

Hello, how can I center the buttons that are shown on my checkout page? The next, precious, and the place order?

Thank you! the website is http://www.instylefashiongirl.com

Attachments:

You must be logged in to view attached files.

[Harry]

Hi,

You can add custom css in Claue > Theme Option > General Layout > Custom CSS

.wizard > .actions > ul {
display: inline-block !important;
text-align: center;
}
.wizard > .actions > ul > li {
display: inline-block;
float: none;
margin: 0 0.5em;
}
.wizard > .actions > ul > li:nth-child(3) {
display: inline-block !important;
}

Best regards

Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio

[prc93ltda]

Hi Harry, I added the code but nothing changed except for one thing: the “Place Order” button shows up on the “Your Shipping Address” section and that’s not supposed to happen since users still need to add their payment info before they can place the order. Please see image

Attachments:

You must be logged in to view attached files.

[Harry]

Please add more code

.woocommerce-checkout .actions { text-align: center;}
.woocommerce-billing-fields, .woocommerce-shipping-fields {display: inline-block;width: 100%;}

Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio

[prc93ltda]

Hi Harry, it worked, it’s centered now but I have a problem that arose with the code. Now the “Place Your Order” button is showing up on all the 3 steps during checkout when it should only show on the last one, on the “Please Enter Your Payment Info”

In image 1 it’s how it was before the code, just the “Next” and “Previous” buttons for steps 1 and 2 and on step 3 the “Place Your Order” would show up.

Now on image 2 after the code, the “Place Your Order” shows on all 3 steps and it should only show on the last one

Attachments:

You must be logged in to view attached files.

[Harry]

Hi,

I checked your site it use one page checkout but doesn’t have class for separate step, it hard to control with css. Could you try ask plugin author support.

Best regards

Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio

[prc93ltda]

Yes sir! Thank you for the help Harry

[Author]

Posts