How does one maintain proper dimensions from your site to wp

  • nicabrian
    Asked on September 12, 2015 at 4:46 PM

    Hello,

    Built a form  when it was tested on site it worked fin.

    Grabbed this script for wp after installing and activating the jot form plugin

    The dimensions for the text and number box within the number plugin are out of wack on the wp site

    Screen shot showing both the display and test on your site and the display on the wp site is attached.

    Can you please advise how to correct this?

    The url of the form is https://bonaroma.com/blog/catering-menu/

    Thanks for your assistance.

    Brian

    Jotform Thread 660901 Screenshot
  • David JotForm Support Manager
    Replied on September 13, 2015 at 12:12 PM

    Please try embedding with the WordPress embedded method: 

    In the form builder, click “Embed Form” button

    2015 0416 uzpf5nsgcf8cbuu Screenshot 20

    Select WordPress from the list and copy the embed codes

    2015 0416 11cz0izocozrk10 Screenshot 31

    In your WordPress post/page, click “Text” option

    Paste the embed code

    2015 0416 c9z3yksb4yakbhn Screenshot 42

     

     

    If for some reason the WordPress Embed won’t work, we recommend using our iFrame method: http://www.jotform.com/help/148-Getting-the-Form-iFrame-Code

    Before you embed the code, paste it in a text editor like WordPad, you will notice two part of codes, only copy and embed the iFrame part in your webpage, example:

    How does one maintain proper dimensions from your site to wp Image 1 Screenshot 53

     

    Let us know if you need more help, we will be glad to assist you.

  • nicabrian
    Replied on September 13, 2015 at 4:44 PM

    Thanks for the response.

    Your first suggestion was what was illustrated.

    Tried your second suggestion with the same results.

    Any other suggestions?

     

  • David JotForm Support Manager
    Replied on September 13, 2015 at 6:08 PM

    I have inspected the source code of your page, and it seems the script code was not removed:

    How does one maintain proper dimensions from your site to wp Image 1 Screenshot 20

    Can you please try removing it?

  • nicabrian
    Replied on September 13, 2015 at 7:15 PM

    Removed the script hi-lighted so only the iframe script was remaining and still have the same problem.

     

     

  • Chriistian Jotform Support
    Replied on September 14, 2015 at 6:26 AM

    Hi,

     

    Can you try to inject this custom CSS code in your form?

    .form-number-input.form-textbox {

        width: 60px !important;

    }

    .form-label.form-label-left.form-label-auto {

        width: 50% !important;

    }

     

    To inject custom CSS code in your form, just follow the instruction provided in this article: How to Inject Custom CSS Codes.

     

    Do let us know if you need further assistance.

     

    Regards.

  • nicabrian
    Replied on September 14, 2015 at 10:47 AM
    Hey Chriistian
    That worked!
    Thank you very much!
    Brian
    ...
  • Carina
    Replied on September 14, 2015 at 2:34 PM

    Thanks for the update Brian. I'm glad it's solved now.

    If you need further assistance please let us know as we're here to help.