Themeco Community

Hello There,

Thanks for writing in! Do you want something like this http://prntscr.com/e7o6go? If that is the case, please add the following css code in the customizer, Appearance > Customize > Custom > CSS

#customer_details .col-1,
#order_review .shop_table {
    width: 45%;
    float: left;
    margin-right: 5%;
}
#customer_details .col-2,
#order_review #payment {
    float: right;
    width: 50%
}

#order_review_heading {
    clear: both;
}

We would loved to know if this has work for you. Thank you.

Hello There,

Thanks for updating in! Because what you are trying to accomplish requires a template customization, we would like to suggest that you use a child theme. This allows you to make code changes that won’t be overwritten when an X update is released. After your child theme is setup, please review how we recommend making template changes in Customization Best Practices.

After the child theme is set up, please add the following code in your child theme’s functions.php file

// Make the checkout page two columns
// =============================================================================
function add_first_column(){ ?>
  <div class="x-container"><div class="x-column x-sm x-1-2">
<?php }
add_action('woocommerce_checkout_before_customer_details', 'add_first_column');

function add_second_column(){ ?>
  </div><div class="x-column x-sm x-1-2">
<?php }
add_action('woocommerce_checkout_after_customer_details', 'add_second_column');

function close_the_columns(){ ?>
  </div></div>
<?php }
add_action('woocommerce_checkout_after_order_review', 'close_the_columns');
// =============================================================================

We would loved to know if this has work for you. Thank you.

You’re welcome!