-
shandonumcAsked on January 2, 2018 at 12:54 PM
I followed instructions on the forum: https://www.jotform.com/answers/1221238-Gift-Registry-Widget-Adjust-Width
I tried inserting this:
#customFieldFrame_43 {
width: 400px !important;
}...into the form CSS and nothing happened.
-
John_BensonReplied on January 2, 2018 at 2:01 PM
Hi,
Please replace the custom CSS code with this:
iframe#customFieldFrame_26 {
width: 400px !important;
}
To add a custom CSS code to your form, please follow this guide:
https://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes
I hope this helps. Thank you.
-
shandonumcReplied on January 2, 2018 at 2:23 PM
Thanks. This worked great. One more question. I need two Gift registry widgets in one form. What do I need to do so that the CSS applies to both widgets?
-
John_BensonReplied on January 2, 2018 at 3:09 PM
You can add this custom CSS code to target all the Gift Registry Widget to your form:
.custom-field-frame, custom-field-frame-rendered frame-ready {
width: 400px !important;
}
You can also now remove the custom CSS code that I have provided in my previous reply and use the new custom CSS code.
I hope this helps. Try it and if you need further assistance, please let us know.