-
nicabrianAsked 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
Page URL: https://bonaroma.com/blog/catering-menu/ -
David JotForm Support ManagerReplied on September 13, 2015 at 12:12 PM
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.
-
nicabrianReplied 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 ManagerReplied 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:
Can you please try removing it?
-
nicabrianReplied 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 SupportReplied 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.
-
nicabrianReplied on September 14, 2015 at 10:47 AMHey Chriistian
That worked!
Thank you very much!
Brian
... -
CarinaReplied 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.