my form contact us form

  • Profile Image
    Asked on November 07, 2011 at 07:08 PM

    hi there my background imgae is not showing correct onto my website. 

    here is the link for the background image which in put into my preferences:


    here is the css code i have in the preferences


    body, html {

    background: url( no-repeat top left fixed #f0e9d6;

    color: #FFFFFF;

    margin: 0;

    padding: 0;



    the page width for the site is 665. i made the width on the form the same size. 

    The problem im having is that the image of the person i have on the contact form, is not coming on actual form itself on the website. i can see it in the preview in jotform but on the wordpress site. not sure. i cleared my cache few times it didnt change please advise

  • Profile Image
    Answered on November 07, 2011 at 07:41 PM

    Its quite hard for us to troubleshoot this issue without access to your webpage.

    But I can tell you what my process would be. 

    First of all, tidy up the css:

    body {

    background: url( no-repeat 0 0 #f0e9d6;

    color: #FFFFFF;margin: 0;padding: 0;


    is much better.

    You could also try changing your iframe embed code to this:

    <iframe allowtransparency="truesrc=""frameborder="0style="width:665px; height:791px; border:none;scrolling="no">


    Another thing you could try is for the background css properties; experiment with that first 0, the one after no-repeat, try -100px and 100px Just to see if you get the woman in the picture moving around.

    Make sure to save the form in the JotForm editor after each change and inspect the result on your Wordpress site rather than worring about the result in the JotForm preview pane.


    If neither of those two processes seem to be working at all. Let us know because there may be a completely different issue with the form altogther.

    Does any changes you make in the form in the JotForm editor synch OK , once saved, with the result on your webpage? You can test that by changing an item of text. 

  • Profile Image
    Answered on November 07, 2011 at 08:47 PM

    i tried all the changes you requested and i even experimented -100px and 100px nothing changed. i used the i frame you gave me also nothing changed.

    However, i changed the text in the Free html text from "Contact us for free a Consultation Now!"  to "Contact us for a free consultation Now ! Dont Wait"  and nothing actually changed on the form in the website. the synching is not taking place. why ?

  • Profile Image
    Answered on November 08, 2011 at 01:56 AM

    Please change the selector for the rule in question from "body" to ".form-all" and let us know if that helps.

  • Profile Image
    Answered on November 08, 2011 at 04:11 AM


    Issue here appears to be no matter what changes he makes to his form, text, css or whatever, the changes arent reflecting on the webpage he has the Form embedded in. 




    Can you try:


    <iframe allowtransparency="true" src=""frameborder="0" style="width:100%; height:791px; border:none;" scrolling="no">




    And then do a quick test to check that text changes, on form edits are indeed getting reflected on your sites webpage.



  • Profile Image
    Answered on November 08, 2011 at 09:01 AM

    it just worked i replaced the iframe with the new one you gave me and it worked. i wonder what happened