You can adjust the field widths of your checkout form in Elementor.
Follow the steps below to customize it the way you want:
Step 1: Click on 'Edit Elementor Template' to customize a template in Elementor
![Edit the checkout page in Elementor](https://funnelkit.com/wp-content/uploads/2024/02/edit-elementor-checkout-template.png)
When you do so, the page opens up in Elementor.
Step 2: Click on the pencil icon of the checkout form widget
![edit your checkout form widget](https://funnelkit.com/wp-content/uploads/2024/02/edit-pencil-icon.png)
Step 3: Click on the sections you want to edit from the left side panel
Select the field widths from the drop-down
![](https://funnelkit.com/wp-content/uploads/2024/02/edit-checkout-form-field-1024x763.png)
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:
![Preview of the checkout page](https://funnelkit.com/wp-content/uploads/2020/04/123.png)
This is how you can adjust the field widths of your checkout form using Elementor.