change width of wedding registry entry

howdy!

i'm trying to build a form that limits responses to a certain question. it seems that this isn't a function you have built in, so i'm trying to utilize a widget to do this.

the one that seems like it may work the best is the wedding registry one, however the width of the text entry is severely limited, and it overlaps with the availability information. is there any way to have all of the information easily legible?

when i try to edit the "width," it ends up shrinking it severely to the point that the widget disappears altogether.

any help in resolving this is helpful, even if it's utilizing a different widget altogether to accomplish this (although the inventory widget is even less efficient).

thank you!

Hi there,

Please inject the following CSS code into your form.

iframe#customFieldFrame_8{

  max-width: 100% !important;

    width: 100% !important;

}

iframe#customFieldFrame_11{

  max-width: 100% !important;

    width: 100% !important;

}

You can adjust the width to your liking by changing the percentage.

You can find instructions in the guide below.

https://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes

Here is a clone of your form:

https://form.jotform.com/210488519801963

You can also clone it using the guide below.

https://www.jotform.com/help/42-how-to-clone-an-existing-form-from-a-url

Let us know if you need further assistance.

Thanks

this didn't work. all of my text is still being forced onto a segment of the screen instead of having full use of the space.

again, i just want to show that you were able to make it work for the clone form, but *even when i copy and paste the css code from your form into an identical duplicate section* it still doesn't replicate the results. [included picture shows your section from the clone form, followed by the section i attempted to recreate using the same css code]

i need to do this for five different sections, so any resolution would be greatly appreciated.

thank you!

Hi there,

I've added the required CSS in your forms and now all the widgets have the full width in the following two forms.

https://form.jotform.com/210267481212043

https://www.jotform.com/form/210566811825153

I've also created a short video to show you how you can find the iframe ID for all new widgets. You can simply copy-paste the code and change the iframe ID to change the width.

Please check your forms now and let us know if you need further assistance.

Thanks

howdy! i need to do this again, but it seems jotform has changed and right clicking no longer gives me the option to inspect.

how can i adjust the field width?

thank you!

Hello there,

Thank you for reaching out and raising this concern to us, let me help you out today. I’m Kris, a representative from Jotform Customer Service.

Would like to check this on my end as well.

Can we have the URL of your form? Let me have a shot on editing.

Looking forward on assisting you further.

Regards,

Kris_S

here you go:

https://form.jotform.com/220644431270143

thank you!

Thanks for the form URL.

Please add this CSS code into your form:

iframe#customFieldFrame_48 {

  max-width : 100% !important;

  width : 100% !important;

}

Add it at the end of all CSS codes that are currently added to the form.

Here is how you can add the CSS code into the form: https://www.jotform.com/help/117-how-to-inject-custom-css-codes/

perfect! thank you!