Form Not Showing in Website Using Wordpress?

http://creditcanadafinance.ca/

there seems to be an issue with this new designer and my wordpress site i used it for the first time to redesign a old form and place it in my wordpress site but it does not show properly. im not sure why. i need some insight on this. 

form link http://form.jotformpro.com/form/50341051017943

old working form link  http://form.jotformpro.com/form/30105589219959

i tried iframe source code .. wordpress ... script.. nothing works?? 

please check this and get back to me thanks

sorry this is the form i put in the site http://www.jotformpro.com/form/50334951006952

and this is what it showed up as ..check it on 

creditcanadafinance.ca

thanks but that didnt work the form does not look like what the designer or the preview from jot form shows. have a look http://creditcanadafinance.ca

tried that it doesnt work. why is it that the old form works and not the new one i do not want to use the designer because it codes forms in a way that makes the java or scripts not show properly is it possible for me to use the old jotform?

Hi,

Unfortunately I'm not sure if I understood your concern completely.

This is how I see the form http://www.jotformpro.com/form/50334951006952:

And this is the form in your website:

May I know what you would like to see in your website? Is the styling different? If so, do you have a copy of old version of your form? You may check this on how to revert to the old version of your form: http://www.jotform.com/help/294-How-to-View-Form-Revision-History

The form designer adjust the CSS stlying of the form, but does not actually add script codes on them, unless you use the form's full source code and edit it. I also see that you are using Wordpress to manage the content of your website, is that correct? If that is the case, I would advise using this plugin to embed your form in your website: http://apps.jotform.com/app/form_generator_for_wordpress. Please do take note that you need to remove or deactivate other plugins that you use to embed a JotForm to your website.

For the question you have, did you mean old JotForm is the old toolbar that we have? Unfortunately, it is not possible. Although, there are still old styling options found under "Preferences".

I hope this helps.

Thank you.

that form you seen on the website is not the original one from the time i originally asked the question. i changed te style a few times hoping another style would fit.

the style you see now displays correctly. how do i remove the jot form logo and the spacing above the form.

also how do i remove the form background via the designer it doesnt seem to work ? i would like it transparent so it blends in better with the site

Hi,

You can try using this code to remove the logo and the spacing at the top. You can add this inside your form Designer's CSS tab.

.form-all:before {

    background-image : none;

}

.form-all {

    margin-top: 0px !important;

background-color: transparent !important;

}

Here's my edited cloned form: http://form.jotformpro.com/form/50353983502959.

I hope this helps. Do let us know if you need more editing on this.

Thank you.

one more thing .. ho can i change the orange color to red?

or how can i change the 2 tone color scheme to whatever i want? and the verticle size of each questons text input are?

Hi,

Unfortunately, the orange color found at the top is not a background color but rather a background image, you need your own image to change it.

For the meantime, you can check this code that I have:

//To remove the logo use this:

.form-all:before {

    background-image : none;

}

//This is the overall design of the form

.form-all {

    margin-top : 0px !important;

    background-color : transparent !important;

    border : 4px solid black !important; --> this is the border of the form

    background-image : none; --> this is where the orange background is setup

}

//This is the height size of the text input of the form

.form-textbox {

    height : 20px !important;

}

//This is the submit button of the form

.form-submit-button {

    background-color : black !important;

}

Here's the image for the orange background found at the top: http://www.jotform.com/uploads/banMedo/form_files/8.png.

Here's my demo form: http://form.jotformpro.com/form/50353983502959?.

I hope this helps.

Thank you.