How to Adjust the Width of the Form Fields

AeroCheckout- Custom WooCommerce Checkout Pages

  1. Home
  2. Docs
  3. AeroCheckout- Custom WooCommerce Checkout Pages
  4. Divi
  5. How to Adjust the Width of the Form Fields

How to Adjust the Width of the Form Fields

The width of the form fields reflects a lot on how the form looks to the users.

To adjust the width of the form fields, follow the steps below:

  • Step 1: Click on ‘Enable Visual Builder’ to start editing

Click on Enable Visual Builder situated on the navigation bar at the top of the page.

 

  • Step 2: Click on the checkout form to edit it 

Click on the checkout form on the page and select the cogwheel icon to open settings.

 

  • Step 3: Click on ‘Contact Information’ under ‘Content’

Under the ‘Content’ section, you will see a dropdown menu for ‘Your Information’ and ‘Shipping Address’.

This tab has the information you wish to ask your customers, everything from their names to their shipping address.

Choose the width you want each of your chosen fields to be from the options provided.

 

  • Step 4: Click on the green tick (✓) to save

Once you’re done editing, click on the green-colored tick () icon on the bottom right of the settings window to save the changes made.

 

Now, the form fields are defined and ready to use.