Change positioning of customer details on checkout page

  • Resolved w3webpro

    (@w3webpro)


    6 years, 7 months ago

    I am trying to modify my checkout page so that the customer details forms on the checkout page is floats on the left of the page. And also the positioning of the order details to the left. It doesn’t seem like WooCommerce has an easy way to do this.

    How can I change the positioning of the those two columns? If I don’t want the customer details how can I get rid of the forms and just keep the order details column in the center of the page?

    Or, have it so that the customer details section is on top of the order details column??

    There should be a simple checkbox I can select that will eliminate the customer details section altogether…. Or perhaps just a single column and I can hide the customer details with custom functions??

    • This topic was modified 6 years, 7 months ago by w3webpro.

    The page I need help with: [log in to see the link]

Viewing 2 replies - 1 through 2 (of 2 total)

  • Hello!

    I would not remove the customer details column because there are some required fields(those can be changed) and some are important fields for Woocommerce to run.

    I add some CSS code can be added to the theme and change the layout of Checkout page:
    /* Full width columns, customer details section is on top of the order details column */
    .woocommerce-checkout #customer_details{ width: 100%; margin-right: 0px; }
    .woocommerce-checkout #order_review_heading, .woocommerce-checkout #order_review{ width: 100%; }

    Hope it helps

    Plugin Support John Coy a11n

    (@johndcoy)

    Automattic Happiness Engineer

    Hi @w3webpro

    You’ll want to post this on the forums for the theme you’re using for more help. I’ll mark this thread as resolved.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Change positioning of customer details on checkout page’ is closed to new replies.