Jump to content

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

Go to solution Solved by tuanphan,

Recommended Posts

Posted

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

  • 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.