Why are some input fields at checkout different heights?

This is usually your theme overriding Cart66 Cloud CSS. You can add the below to your theme's CSS and reslurp or you can add it directly in the Cloud HTML area using the link below:

input[type='text'], input[type='tel'], input[type='phone'], input[type='email'], input[type=password] { height: 30px !important; padding: 4px 6px !important; width: 220px !important; box-sizing: border-box !important; }

You can also try:

.cart66 input{box-sizing:border-box;>-moz-box-sizing:border-box; /* Firefox */box-sizing: content-box!important}

Or this:

.cart66 .cart66-form .controls input {height: 30px !important;}

Here is where you can find it in your Cloud Dashboard:
https://manage.cart66.com/checkout_page/css

Still need help? Contact Us Contact Us