AeroCheckout- Custom WooCommerce Checkout Pages

  1. Home
  2. Docs
  3. AeroCheckout- Custom WooCommerce Checkout Pages
  4. Elementor
  5. How to Adjust the Form Field Widths

How to Adjust the Form Field Widths

AeroCheckout lets you adjust the field widths on the checkout form widget in an Elementor template.

You can simply select the required field width from the drop-down.

Follow the steps below to customize it the way you want:

Step 1: Click on ‘Edit’ to edit a template in Elementor

When you do so, the page opens up in Elementor.

Step 2: Click on the pencil icon of the checkout form widget

Step 3: Click on the sections you want to edit from the left side panel

Step 4: Select the field widths from the drop-down

Step 5: Hit the ‘Update’ button to save the changes

That’s it! You’ve now successfully set the field widths for your checkout form.

You can click on the ‘View’ button to preview the changes you made.

Here’s the final output: