Jump to content

Adjusting Size of Form Field

Recommended Posts

  • Replies 7
  • Created
  • Last Reply

Top Posters In This Topic

Hi,

You want to make the zip code area smaller?

If so, add the below code in Design -> Custom CSS
 

#textarea-67abceef-dc48-4b6f-adfa-69eb4287806d textarea {
    min-height : 20px;
}

1948480958_Screenshot2021-06-24at19_26_36.thumb.png.7049d926f1761f5def60a474d0422b69.png

Link to comment

Sure, just add with to the current CSS
 

#textarea-67abceef-dc48-4b6f-adfa-69eb4287806d textarea {
    min-height : 20px;
    width : 250px;
}

 

Screenshot 2021-06-24 at 22.44.06.png

Link to comment

Does this work for the phone number section too? I tried to paste phone-82b9b6a5-bd01-48f3-b148-eb35da648cfd in place of text area with no success.

My goal is to make the phone number section full size instead of half width like it used to be.

Link to comment
#phone-6046af68-c88c-42d5-8df2-a19c0d4d4af2 .field.four-digits {
    width: 9.8em;
}

#phone-6046af68-c88c-42d5-8df2-a19c0d4d4af2 .field.three-digits {
    width: 9.8em;
}

For the phone, another code is required

 

Link to comment
On 6/28/2021 at 2:28 AM, abcohen1605 said:

This stopped working. I have a second text field in there, would that be why?  TIA.

Hi. Have you solved it yet?

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment

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.