JotForm is a free online form builder which helps you create online forms without writing a single line of code. No sign-up required.
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.
How does one maintain proper dimensions from your site to wpAsked by nicabrian on September 12, 2015 at 04:46 PM
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.
Please try embedding with the WordPress embedded method:
In the form builder, click “Embed Form” button
Select WordPress from the list and copy the embed codes
In your WordPress post/page, click “Text” option
Paste the embed code
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.
Thanks for the response.
Your first suggestion was what was illustrated.
Tried your second suggestion with the same results.
Any other suggestions?
I have inspected the source code of your page, and it seems the script code was not removed:
Can you please try removing it?
Removed the script hi-lighted so only the iframe script was remaining and still have the same problem.
Can you try to inject this custom CSS code in your form?
width: 60px !important;
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.
Thank you very much!
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.