Jump to content

Adjusting Size of Form Field

Recommended Posts

  • Replies 7
  • Views 1.7k
  • Created
  • Last Reply

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

๐Ÿ‘จโ€๐Ÿ”ง๐Ÿ‘จโ€๐Ÿ’ปย Contact me for development and design work - Freelancer Software engineer, Architect, and Designer UI/UX

๐Ÿ™‹โ€โ™‚๏ธย Squarespace Custom Web Development & Design

๐Ÿ“…ย Manage Tasks, Take Notes, and Upload Related Images

๐Ÿ“นย Squarespace Tutorials for free - YouTube๐Ÿ“นย 

๐Ÿ’ฏ๐Ÿš€ I have worked on over 200 Squarespace sites with custom code for over 9 years

๐Ÿ™‹โ€โ™‚๏ธย Let's connect on LinkedIn

ย 

ย 

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

๐Ÿ‘จโ€๐Ÿ”ง๐Ÿ‘จโ€๐Ÿ’ปย Contact me for development and design work - Freelancer Software engineer, Architect, and Designer UI/UX

๐Ÿ™‹โ€โ™‚๏ธย Squarespace Custom Web Development & Design

๐Ÿ“…ย Manage Tasks, Take Notes, and Upload Related Images

๐Ÿ“นย Squarespace Tutorials for free - YouTube๐Ÿ“นย 

๐Ÿ’ฏ๐Ÿš€ I have worked on over 200 Squarespace sites with custom code for over 9 years

๐Ÿ™‹โ€โ™‚๏ธย Let's connect on LinkedIn

ย 

ย 

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

ย 

๐Ÿ‘จโ€๐Ÿ”ง๐Ÿ‘จโ€๐Ÿ’ปย Contact me for development and design work - Freelancer Software engineer, Architect, and Designer UI/UX

๐Ÿ™‹โ€โ™‚๏ธย Squarespace Custom Web Development & Design

๐Ÿ“…ย Manage Tasks, Take Notes, and Upload Related Images

๐Ÿ“นย Squarespace Tutorials for free - YouTube๐Ÿ“นย 

๐Ÿ’ฏ๐Ÿš€ I have worked on over 200 Squarespace sites with custom code for over 9 years

๐Ÿ™‹โ€โ™‚๏ธย Let's connect on LinkedIn

ย 

ย 

Link to comment

Archived

This topic is now archived and is closed to further replies.

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