Why is my form not showing correctly on the website?

  • kayemac
    Asked on January 8, 2017 at 9:33 PM

    Hi! Here is my form: https://form.jotform.me/63359470771463

     

    and here is the website where it's embedded: http://20four7va.com/demo-2/

     

    What am I doing wrong here? Is there something I can do with my form to make it show correctly on the website? Can you please help me?

  • Chriistian Jotform Support
    Replied on January 9, 2017 at 2:14 AM

    Hi,

    Can you please give us more details about your concern? I checked your site (http://20four7va.com/demo-2/) and the form (https://form.jotform.me/633594707714630 embedded on the site and it shows properly. Here how it looks on my end, please see the image below:

    Why is my form not showing correctly on the website? Image 1 Screenshot 20

    If you mean something else about showing the form properly in your site, do get us back.
    Regards 

  • kayemac
    Replied on January 9, 2017 at 3:45 AM
    Yes, the fields are all there on the website but they're all aligned at the
    far left. There's little margin.
    ...
  • Chriistian Jotform Support
    Replied on January 9, 2017 at 5:18 AM

    Hi,

    Please inject this custom CSS to your form:

    li#id_9, li#id_4, li#id_7, li#id_7, li#id_5, li#id_15, div#cid_14, .form-buttons-wrapper, li#id_10{

        margin-left: 30px !important;

    }

     

    Related guide: How to Inject Custom CSS Codes.

    Please let us know if you need further assistance.
    Regards

  • kayemac
    Replied on January 9, 2017 at 8:45 AM
    Thanks Chriistian! It looks great now. But I have just one last request.
    Can you fix this for me please?
    http://screencast.com/t/jBXwJLmyfDwW
    The margin is good now. But the textboxes are not aligned properly.
    Also, can you put the captcha box at the center of the form?
    Best,
    Kaye Mac / Communications and Compliance Manager
    catherine.mac@20four7va.com / communications@20four7va.com
    /
    +639266170836
    / Skype: catherine.mac.20four7va
    20Four7VA
    +14438564882
    2006 Pony Island Lane, Berlin, MD 21811
    http://www.20four7va.com/
    [image: Twitter] [image: Facebook]
    [image: Google +]
    [image: LinkedIn]
    [image: Instagram]
    [image: Skype]
    [image: Youtube]
    [image: Pinterest]

    [image: htmlsig.com]
    This e-mail message may contain confidential or legally privileged
    information and is intended only for the use of the intended recipient(s).
    Any unauthorized disclosure, dissemination, distribution, copying or the
    taking of any action in reliance on the information herein is prohibited.
    E-mails are not secure and cannot be guaranteed to be error free as they
    can be intercepted, amended, or contain viruses. Anyone who communicates
    with us by e-mail is deemed to have accepted these risks. 20Four7VA is not
    responsible for errors or omissions in this message and denies any
    responsibility for any damage arising from the use of e-mail. Any opinion
    and other statement contained in this message and any attachment are solely
    those of the author and do not necessarily represent those of the company.
    ...
  • Helen
    Replied on January 9, 2017 at 9:10 AM

    Hi,

    Thank you for contacting us.

    You can add CSS codes into your form for fixing the text boxes alignment. Here is a CSS code:

    .form-label.form-label-left {

        width : 58px !important;

    }

    Here is a guide helps you for injecting CSS codes: https://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes

    The result will be shown like:

    Why is my form not showing correctly on the website? Image 1 Screenshot 20

    If you have still a problem, feel free contact us.

  • kayemac
    Replied on January 9, 2017 at 10:45 AM
    Awesome! Now, there's only one thing left that's bugging me. Can you help
    me with the captcha widget and align in at the center?
    Best,
    Kaye Mac / Communications and Compliance Manager
    catherine.mac@20four7va.com / communications@20four7va.com
    /
    +639266170836
    / Skype: catherine.mac.20four7va
    20Four7VA
    +14438564882
    2006 Pony Island Lane, Berlin, MD 21811
    http://www.20four7va.com/
    [image: Twitter] [image: Facebook]
    [image: Google +]
    [image: LinkedIn]
    [image: Instagram]
    [image: Skype]
    [image: Youtube]
    [image: Pinterest]

    [image: htmlsig.com]
    This e-mail message may contain confidential or legally privileged
    information and is intended only for the use of the intended recipient(s).
    Any unauthorized disclosure, dissemination, distribution, copying or the
    taking of any action in reliance on the information herein is prohibited.
    E-mails are not secure and cannot be guaranteed to be error free as they
    can be intercepted, amended, or contain viruses. Anyone who communicates
    with us by e-mail is deemed to have accepted these risks. 20Four7VA is not
    responsible for errors or omissions in this message and denies any
    responsibility for any damage arising from the use of e-mail. Any opinion
    and other statement contained in this message and any attachment are solely
    those of the author and do not necessarily represent those of the company.
    ...
  • John_Benson
    Replied on January 9, 2017 at 12:45 PM

    Please add this custom CSS code in order to align the Captcha widget to the center of your form. Here's the custom CSS code:

    div#recaptcha-body { 

        margin-left: 6px !important;

    Here's a guide on: How-to-Inject-Custom-CSS-Code

    The result:

    Why is my form not showing correctly on the website? Image 1 Screenshot 20

    Hope that helps. Let us know if you need further assistance. Thank you.

  • kayemac
    Replied on January 9, 2017 at 9:45 PM
    Thanks! I had to increase the margin though so that it would be placed at
    the bottom center of the form. And it worked! As usual, you guys are great!
    I'm working on another form at the moment. I'll probably message you guys
    again for help. LOL
    I appreciate everyone's help. ☺
    Best,
    Kaye Mac / Communications and Compliance Manager
    catherine.mac@20four7va.com / communications@20four7va.com
    /
    +639266170836
    / Skype: catherine.mac.20four7va
    20Four7VA
    +14438564882
    2006 Pony Island Lane, Berlin, MD 21811
    http://www.20four7va.com/
    [image: Twitter] [image: Facebook]
    [image: Google +]
    [image: LinkedIn]
    [image: Instagram]
    [image: Skype]
    [image: Youtube]
    [image: Pinterest]

    [image: htmlsig.com]
    This e-mail message may contain confidential or legally privileged
    information and is intended only for the use of the intended recipient(s).
    Any unauthorized disclosure, dissemination, distribution, copying or the
    taking of any action in reliance on the information herein is prohibited.
    E-mails are not secure and cannot be guaranteed to be error free as they
    can be intercepted, amended, or contain viruses. Anyone who communicates
    with us by e-mail is deemed to have accepted these risks. 20Four7VA is not
    responsible for errors or omissions in this message and denies any
    responsibility for any damage arising from the use of e-mail. Any opinion
    and other statement contained in this message and any attachment are solely
    those of the author and do not necessarily represent those of the company.
    ...