What is JotForm?
JotForm is a free online form builder which helps you create online forms without writing a single line of code. No sign-up required.

At JotForm, we want to make sure that you’re getting the online form builder help that you need. Our friendly customer support team is available 24/7.

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.


  • Profile Image

    Alignment of the form

    Asked by KarlaK on October 29, 2014 at 07:43 AM

    Hi,

    the contact form appears pretty much on the right side of my website. Can I change this?

    I cannot change the position of the widget within my site. I have a fixed middle field, where I can place the widget.

    So I need the layout of the form to be as far left as possible. Without a left margin, if that's possible.

    Thanks. karla

    Screenshot
    alignment contact form layout site
  • Profile Image

    Answered by Ben on October 29, 2014 at 10:04 AM

    Hi Karla,

    I took a look at the image and although it is a bit smudged I think that I was able to read the website songsandmoments.de unfortunately not to access it as well.

    Now as I can not see, I can only give you some suggestions.

    Embed the jotform using iFrame method: Getting the Form iFrame Code

    Now before you actually embed it, you will have an iframe element.

    Change its style attribute to include this:

    position: relative; left: -200px;

    This will move the entire jotform to the left for 200px :)

    If at all possible, please give us some form of access to the page and we will be able to give you more specific instructions on that since there could be other styles not allowing this.

    Best Regards,
    Ben

  • Profile Image

    Answered by KarlaK on October 29, 2014 at 10:41 AM
    Hi Ben.
    I got the code, but I don’t know where to insert “position: relative; left: -200px;” ?
    And where do I put the code in the end?
    Thanks for your help.
    Karla
    ...
  • Profile Image

    Answered by Ben on October 29, 2014 at 12:10 PM

    Hi Karla,

    Could you please give us your jotform iframe code here and we will change the style property for you so that you can embed it in your jotform and see if that would work for you?
    Best Regards,
    Ben

  • Profile Image

    Answered by KarlaK on October 29, 2014 at 12:21 PM
    I worked it out. Thanks for your help!
    ...