Title: Woocommerce checkout fields width Last modified: August 21, 2016 --- # Woocommerce checkout fields width * [oriye](https://wordpress.org/support/users/oriye/) * (@oriye) * [13 years, 5 months ago](https://wordpress.org/support/topic/woocommerce-checkout-fields-width/) * Hello, I am working with a Japanese website. I arranged the order of the checkout fields with something I found one of the posts: * > add_filter(‘woocommerce_checkout_fields’,’reorder_woo_fields’); > function reorder_woo_fields($fields) { > //move these around in the order you’d > like > $fields2[‘billing’][‘billing_last_name’] = $fields[‘billing’][‘billing_last_name’]; > > $fields2[‘billing’][‘billing_first_name’] = $fields[‘billing’][‘billing_first_name’]; > $fields2[‘billing’][‘billing_company’] = $fields[‘billing’][‘billing_company’]; > $fields2[‘billing’][‘billing_address_1’] = $fields[‘billing’][billing_address_1”]; > $fields2[‘billing’][‘billing_address_2’] = $fields[‘billing’][‘billing_address_2’]; > $fields2[‘billing’][‘billing_city’] = $fields[‘billing’][‘billing_city’]; $ > fields2[‘billing’][‘billing_postcode’] = $fields[‘billing’][‘billing_postcode’]; > $fields2[‘billing’][‘billing_country’] = $fields[‘billing’][‘billing_country’]; > $fields2[‘billing’][‘billing_state’] = $fields[‘billing’][‘billing_state’]; > $fields2[‘billing’][‘billing_email’] = $fields[‘billing’][‘billing_email’]; > $fields2[‘billing’][‘billing_phone’] = $fields[‘billing’][‘billing_phone’]; > //just copying these (keeps the standard order) > $fields2[‘shipping’] = $fields[‘ > shipping’]; $fields2[‘account’] = $fields[‘account’]; $fields2[‘order’] = $ > fields[‘order’]; > return $fields2; > } * The Japanese method follows a reversed order, so I changed above to: * > add_filter(‘woocommerce_checkout_fields’,’reorder_woo_fields’); > function reorder_woo_fields($fields) { > //move these around in the order you’d > like > $fields2[‘billing’][‘billing_last_name’] = $fields[‘billing’][‘billing_last_name’]; > $fields2[‘billing’][‘billing_first_name’] = $fields[‘billing’][‘billing_first_name’]; > $fields2[‘billing’][‘billing_postcode’] = $fields[‘billing’][‘billing_postcode’]; > $fields2[‘billing’][‘billing_state’] = $fields[‘billing’][‘billing_state’]; > $fields2[‘billing’][‘billing_city’] = $fields[‘billing’][‘billing_city’]; > $fields2[‘billing’][‘billing_address_1’] = $fields[‘billing’][‘billing_address_1’]; > $fields2[‘billing’][‘billing_address_2’] = $fields[‘billing’][‘billing_address_2’]; > $fields2[‘billing’][‘billing_email’] = $fields[‘billing’][‘billing_email’]; > $fields2[‘billing’][‘billing_phone’] = $fields[‘billing’][‘billing_phone’]; > //just copying these (keeps the standard order) > $fields2[‘shipping’] = $fields[‘ > shipping’]; $fields2[‘account’] = $fields[‘account’]; $fields2[‘order’] = $ > fields[‘order’]; > return $fields2; > } * I was able to rearrange but some fields overlapped, and the fields are not aligned to its ideal position. * The rows now per line show as: last name first name, postal code town/city, state (Address field overlapping or postal code field) Address 2, Email, Phone * Thank you in advance for any help. * [http://wordpress.org/extend/plugins/woocommerce/](http://wordpress.org/extend/plugins/woocommerce/) Viewing 3 replies - 1 through 3 (of 3 total) * Plugin Contributor [James Koster](https://wordpress.org/support/users/jameskoster/) * (@jameskoster) * [13 years, 5 months ago](https://wordpress.org/support/topic/woocommerce-checkout-fields-width/#post-3669118) * Hey, * I need to see a link really. It’s possible your theme is causing issues. * Generally you should be able to set the width of checkout inputs with * ``` .checkout .form-row input.input-text { width:100%; } ``` * Thread Starter [oriye](https://wordpress.org/support/users/oriye/) * (@oriye) * [13 years, 5 months ago](https://wordpress.org/support/topic/woocommerce-checkout-fields-width/#post-3669131) * Hi! This is my link. [http://oriye-impressions.com/checkout/](https://wordpress.org/support/topic/woocommerce-checkout-fields-width/?output_format=md) My site is not yet open. * I don’t know any php or codes. Do I paste the above code in the functions.php file? * This is my function file: * ```