abcohen1605 Posted June 24, 2021 Posted June 24, 2021 Site URL: https://fiberseal.squarespace.com I need to add just a zip code block to a form, so using a text box. How do I change the size of the form field to be more inline with the size of what a zipcode field would be? pw:orangedoor
sorca_marian Posted June 24, 2021 Posted June 24, 2021 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; } 👨🔧👨💻 Squarespace plugins 🙋♂️ Squarespace Custom Web Development & Design Services 📅 Todoist alternative | Increase your Productivity 📹 Squarespace Tutorials for free - YouTube📹 💯🚀 I have worked on over 300 Squarespace sites with custom code for over 9 years 🙋♂️ Let's connect on LinkedIn
abcohen1605 Posted June 24, 2021 Author Posted June 24, 2021 Awesome. is there a way to make the length shorter as well?
sorca_marian Posted June 24, 2021 Posted June 24, 2021 Sure, just add with to the current CSS #textarea-67abceef-dc48-4b6f-adfa-69eb4287806d textarea { min-height : 20px; width : 250px; } 👨🔧👨💻 Squarespace plugins 🙋♂️ Squarespace Custom Web Development & Design Services 📅 Todoist alternative | Increase your Productivity 📹 Squarespace Tutorials for free - YouTube📹 💯🚀 I have worked on over 300 Squarespace sites with custom code for over 9 years 🙋♂️ Let's connect on LinkedIn
xxJakexx Posted June 26, 2021 Posted June 26, 2021 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.
sorca_marian Posted June 27, 2021 Posted June 27, 2021 #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 👨🔧👨💻 Squarespace plugins 🙋♂️ Squarespace Custom Web Development & Design Services 📅 Todoist alternative | Increase your Productivity 📹 Squarespace Tutorials for free - YouTube📹 💯🚀 I have worked on over 300 Squarespace sites with custom code for over 9 years 🙋♂️ Let's connect on LinkedIn
abcohen1605 Posted June 27, 2021 Author Posted June 27, 2021 This stopped working. I have a second text field in there, would that be why? TIA.
tuanphan Posted June 30, 2021 Posted June 30, 2021 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 Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)
Recommended Posts
Archived
This topic is now archived and is closed to further replies.