Home Forums Themes Support Claue Center buttons on Checkout page

Topic Resolution: Resolved
Viewing 6 reply threads
  • Author
    Posts
    • #7348

      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.
    • #7354

      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

    • #7360

      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.
    • #7363

      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

    • #7365

      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.
    • #7380

      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

    • #7385

      Yes sir! Thank you for the help Harry

Viewing 6 reply threads

You must be logged in to reply to this topic.