-
fdscorp2008Asked on April 7, 2023 at 2:46 PM
-
Ryan JotForm SupportReplied on April 7, 2023 at 2:53 PM
Hello Mario,
Thanks for reaching out to Jotform Support. Yes, we can do that by injecting a CSS code in your form. Can you provide us more details on what field in your Address box are you trying to shrink so that we can provide you a solution?
Once we hear back from you, we'll be able to help you with this.
-
fdscorp2008Replied on April 18, 2023 at 7:24 PM
I'd like to resize the Apartment field. It's too big for a short text to write.
-
fdscorp2008Replied on April 18, 2023 at 8:37 PM
Where is the answer to my other question ???
-
Ryan JotForm SupportReplied on April 18, 2023 at 8:37 PM
Hello Mario,
Thanks for getting back to us. I checked your form and it seems you have injected a custom CSS for your Apartment field to resize it. You have injected the CSS code in your form below:
#input_13_addr_line2 {
width: auto !important;
min-width: 50px !important;
}
If you still want to adjust your Apartment field, please let us know.
Reach out again if you have any other questions.
-
fdscorp2008Replied on April 18, 2023 at 8:52 PM
Sorry to ask so many questions, I don't know CSS coding.
One more thing
. I'd like to place my logo and my business info on the top page of the form. I added an image field on top of the heading field but can't get it aligned. Is there a way to put them both in the same field and align the text to the right?Thank you so much for your help
-
fdscorp2008Replied on April 18, 2023 at 8:55 PM
Also, the Name and Last name fields show overlapped and off the form border in Phone view. Can you check that for me? Thanks
-
Clara JotForm SupportReplied on April 19, 2023 at 4:00 AM
Hi Mario,
Thanks for getting back to us. You should remove some CSS Code in your form to prevent overlapping. It's really easy. Let me walk you through it:
- In Form Builder, click on the Paint Roller icon on the right side of the page to open Form Designer.
- In the Form Designer menu, click on the Styles tab, scroll down, and delete the code below from the Inject CSS Code box.
#first_4 {
width : auto !important;
min-width : 313px !important;
}
#last_4 {
width : auto !important;
min-width : 313px !important;
}
- Click on Save at the bottom of the Form Designer menu and you’re done.
As for your other question, I've moved that to a new thread. You can check that out here.
Give it a try and let us know how it goes.