title: Woocommerce checkout page changes not working
body: <p>I have tried several ways now to change the form field of billing and shipping. I am trying to do the following:</p>
  <p><strong>in billing section</strong></p>
  <ul>
  <li>change address 2 placeholder content</li>
  <li>change address 2 label</li>
  <li>address 1 change class to 50%</li>
  <li>address 2 change class to 50%</li>
  <li>city change class to 50%</li>
  <li>state change class to 50%</li>
  <li>postcode change class to 50%</li>
  <li>phone change class to 50%</li>
  <li>address 2 remove reader class</li>
  </ul>
  <p><strong>in shipping address section</strong></p>
  <ul>
  <li>address 2 change placeholder address 2 change label</li>
  <li>address 1 change class 50%</li>
  <li>address 2 change class 50%</li>
  <li>state change class to 50%</li>
  <li>postcode change class to 50%</li>
  <li>address 2 remove text reader class</li>
  </ul>
  <p>They need a different layout so I can't use the &quot;default&quot; hook (which works). Here is my code so far.</p>
  <pre><code>//customize woocommerce checkout fields
  add_filter( 'woocommerce_checkout_fields' , 'jm_checkout_billing_fields', 20, 1 );
  function jm_checkout_billing_fields( $billing_fields ){
  
  
         // Change placeholder
         $billing_fields['billing']['billing_address_2']['placeholder'] = __('Apt #, Floor, etc', $domain);
  
         // Change label
         $billing_fields['billing']['billing_address_2']['label'] = __('Apt #, Floor, etc', $domain);
         
         // Change class
         $billing_fields['billing']['billing_address_1']['class']   = array('form-row-first'); //  50%
         $billing_fields['billing']['billing_address_2']['class']   = array('form-row-last');  //  50%
         $billing_fields['billing']['billing_city']['class']   = array('form-row-first'); //  50%
         $billing_fields['billing']['billing_state']['class']   = array('form-row-last');  //  50%
         $billing_fields['billing']['billing_postcode']['class']   = array('form-row-first'); //  50%
         $billing_fields['billing']['billing_phone']['class']   = array('form-row-last');  //  50%
         $billing_fields['billing']['billing_address_2']['label_class'] = array(); // No label class
  
     return $billing_fields;
  }
  
  add_filter('woocommerce_address_fields', 'jm_address_fields', 20, 1);
  function jm_address_fields( $address_fields ){
     
     if(  is_checkout()){ // On checkout page only
         // Change placeholder
         $address_fields['address_2']['placeholder'] = __( 'Apt #, Floor, etc', $domain );
  
         //change label
         $address_fields['address_2']['label'] = __( 'Apt #, Floor, etc', $domain );
  
  
  
         // Change class
         $address_fields['address_1']['class'] = array('form-row-first'); //  50%
         $address_fields['address_2']['class']  = array('form-row-last');  //  50%
         $address_fields['state']['class']  = array('form-row-first');  //  50%
         $address_fields['postcode']['class']  = array('form-row-last');  //  50%
         $address_fields['address_2']['label_class'] = array(); // No label class
  
  
     }
     return $address_fields;
  }
  </code></pre>
  <p>If I use 'woocommerce_default_address_fields' for everything, it works, but again, I need billing address to be a different layout than my address fields.</p>
  <p>I can have these be &quot;defaults&quot; but it needs to be different starting with &quot;city&quot;</p>
  <ul>
  <li>change address 2 placeholder content</li>
  <li>change address 2 label</li>
  <li>address 1 change class to 50%</li>
  <li>address 2 change class to 50%</li>
  <li>address 2 remove text reader class</li>
  </ul>
  <p>I followed the answer here and have been making changes to try and get it to work separately: <a href="https://stackoverflow.com/a/48801880/14664702">https://stackoverflow.com/a/48801880/14664702</a></p>