What is JotForm?
JotForm is a free online form builder which helps you create online forms without writing a single line of code. No sign-up required.

At JotForm, we want to make sure that you’re getting the online form builder help that you need. Our friendly customer support team is available 24/7.

We believe that if one user has a question, there could be more users who may have the same question. This is why many of our support forum threads are public and available to be searched and viewed. If you’d like help immediately, feel free to search for a similar question, or submit your question or concern.


  • Profile Image

    How does one maintain proper dimensions from your site to wp

    Asked by nicabrian on September 12, 2015 at 04: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

    Page URL:
    https://bonaroma.com/blog/catering-menu/

    Screenshot
    wp p dimension WP
  • Profile Image
    JotForm Support

    Answered by BDAVID 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.png

    Select WordPress from the list and copy the embed codes

    2015-0416-11cz0izocozrk10.png

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

    Paste the embed code

    2015-0416-c9z3yksb4yakbhn.png

     

     

    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:

     

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

  • Profile Image

    Answered by nicabrian on September 13, 2015 at 04:44 PM

    Thanks for the response.

    Your first suggestion was what was illustrated.

    Tried your second suggestion with the same results.

    Any other suggestions?

     

  • Profile Image
    JotForm Support

    Answered by BDAVID on September 13, 2015 at 06:08 PM

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

    Can you please try removing it?

  • Profile Image

    Answered by nicabrian on September 13, 2015 at 07:15 PM

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

     

     

  • Profile Image
    JotForm Support

    Answered by Chriistian on September 14, 2015 at 06: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.

  • Profile Image

    Answered by nicabrian on September 14, 2015 at 10:47 AM
    Hey Chriistian
    That worked!
    Thank you very much!
    Brian
    ...
  • Profile Image

    Answered by Carina on September 14, 2015 at 02: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.