Jump to content

Form Field Text Input Sizes Vary - How to Make Consistent?

Go to solution Solved by tuanphan,

Recommended Posts

The input text sizes vary across the different forms fields. I used this CSS code previously, but it no longer seems to work:

 

.form-wrapper .field-list {
 .field {
   .caption {
     .field-element {
       /* Text in the field boxes (First Name, Last Name) */
       font-size: 1.2rem;
     }
   }
   .field-element {
     /* Text in the field boxes (inc placeholder text) */
     font-size: 1.2rem;
   }
 }  
}

 

Any assistance is greatly appreciated. I'd like all the input text across all fields to be the same size.

 

Thank you in advance,

Stephen

Form Field Text Size.JPG

Link to comment
  • 2 weeks later...

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.