Title: Alignment Issue
Last modified: December 1, 2020

---

# Alignment Issue

 *  Resolved [oursmartfuture](https://wordpress.org/support/users/oursmartfuture/)
 * (@oursmartfuture)
 * [5 years, 6 months ago](https://wordpress.org/support/topic/alignment-issue-34/)
 * Hi, there is an alignment issue with the checkout page on our site.
    Appreciate
   if we can get help on this.
 * The page I need help with: _[[log in](https://login.wordpress.org/?redirect_to=https%3A%2F%2Fwordpress.org%2Fsupport%2Ftopic%2Falignment-issue-34%2F%3Foutput_format%3Dmd&locale=en_US)
   to see the link]_

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

 *  [cameron444](https://wordpress.org/support/users/cameron444/)
 * (@cameron444)
 * [5 years, 6 months ago](https://wordpress.org/support/topic/alignment-issue-34/#post-13729037)
 * Greetings for the day,
 * I can surely assist you with your requirement,
 * I can share our work portfolio and resume,
 * Kindly reach me on
    Email: [Cameron@cisinlabs.com](https://wordpress.org/support/topic/alignment-issue-34/Cameron@cisinlabs.com?output_format=md)
   or Skype: live:cameron_4004
 * Regards,
    Cameron
 *  [Robert Ghetau](https://wordpress.org/support/users/robertghetau/)
 * (@robertghetau)
 * [5 years, 5 months ago](https://wordpress.org/support/topic/alignment-issue-34/#post-13807665)
 * Hey [@oursmartfuture](https://wordpress.org/support/users/oursmartfuture/)
 * I was able to see the alignment issues on the site. I can share the following
   CSS code:
 *     ```
       .woocommerce-billing-fields__field-wrapper {
         display: flex;
         flex-wrap: wrap;
       }
       .woocommerce form .form-row {
         display: inline-block;
       }
       .woocommerce form .form-row input.input-text {
         max-width: 250px;
       }
       #billing_first_name_field {
         order: 1;
       }
       #billing_last_name_field {
        order: 2;
       }
       #billing_company_field {
         order: 3;
       }
       #billing_country_field {
         order: 4;
       }
       #billing_address_1_field {
         order: 5;
       }
       #billing_address_2_field {
         order: 6;
         width: 100%;
       }
       #billing_city_field {
         order: 7;
       }
       #billing_postcode_field {
         order: 8;
       }
   
       input#billing_address_2 {
         max-width: 200px;
       }
       ```
   
 * You can add this in WP Admin > Appearance > Customize > Additional CSS field 
   and Save the changes.
 * Best wishes,
 *  Plugin Support [Tseten a11n](https://wordpress.org/support/users/tibetanitech/)
 * (@tibetanitech)
 * [5 years, 5 months ago](https://wordpress.org/support/topic/alignment-issue-34/#post-13862574)
 * We haven’t heard back from you in a while, so I’m going to mark this as resolved–
   if you have any further questions, you can start a new thread.

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

The topic ‘Alignment Issue’ is closed to new replies.

 * ![](https://ps.w.org/woocommerce/assets/icon.svg?rev=3234504)
 * [WooCommerce](https://wordpress.org/plugins/woocommerce/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/woocommerce/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/woocommerce/)
 * [Active Topics](https://wordpress.org/support/plugin/woocommerce/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/woocommerce/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/woocommerce/reviews/)

## Tags

 * [alignment](https://wordpress.org/support/topic-tag/alignment/)
 * [checkout](https://wordpress.org/support/topic-tag/checkout/)

 * 3 replies
 * 4 participants
 * Last reply from: [Tseten a11n](https://wordpress.org/support/users/tibetanitech/)
 * Last activity: [5 years, 5 months ago](https://wordpress.org/support/topic/alignment-issue-34/#post-13862574)
 * Status: resolved