Adjust Width - Gift Registry Widget

  • shandonumc
    Asked 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. 

    1514915724Capture2 Screenshot 10

    Jotform Thread 1336382 Screenshot
  • John_Benson
    Replied 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.

  • shandonumc
    Replied 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_Benson
    Replied 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.