FunnelKit Documentation
Get unstuck with our helpful reference material

Checkout Pages

How to Adjust the Form Field Widths

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

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

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

Select the field widths from the drop-down

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

This is how you can adjust the field widths of your checkout form using Elementor.

Ready to Transform Your Store?

Join 38,315+ successful store owners who trust FunnelKit to power their businesses.
Conversion Optimized Checkout Pages
Increase Revenue with Smart Upsells
Capture Emails & Recover Abandoned Carts
Automate Winbacks & Repeat Sales
868+ 5 star reviews on WordPress.org
Transform your store to power your business with FunnelKit
868+
 Reviews
4.9
chevron-downarrow-right