Center the form header field

  • Profile Image
    Asked on April 10, 2014 at 07:00 AM

    If you look at my webpage: and click on ENQUIRIES link you will see how I have
    my page set up. The form is inside a layer in order I can put a nice border around it. However although you
    have sent me the code to inject css you will see its not done it. Also it still seems to load slowly.
    So I tried using the frontpage html code as my web has been designed using that, its great as I have a lot more
    flexability with the form. this looks perfect but when I click on submit I get the thankyou page but no link bar
    buttons at the top as I did on the normal method of embeding. I have my pages running with normal embed in order
    I can retain these important links back to the site, Can you please advise me
    thank you

  • Profile Image
    Answered on April 10, 2014 at 10:06 AM


    As suggested on your previous post here  you can try injecting this CSS code

    .form-header {

    margin-left: 145px;


    to center the header field.

    If you have done it correctly it should have been like this


    I checked your website , the form was still like this

    It looks like the CSS code is not working..this is because the CSS code you had injected is missing a dot(.) sign at the start.

    If you copied the code I provided, it has dot(.) at the very start

    I checked the CSS code you injected and noticed the error


    Please correct the typo error and test again. 

    Inform us if still not working.




  • Profile Image
    Answered on April 10, 2014 at 10:45 AM

    I have look over your website and find that the problem occured due to some css issues. I have changed the position to "relative" and add float "right" like the image below:

    The picture of your website is like the image below after this edition.

    Hope you will be able to solve your problem.


  • Profile Image
    Answered on April 10, 2014 at 11:40 AM
    thank you for that,

    So if I now copy and paste the html code for Frontpage it should work ok

    thank you

    Date: Thu, 10 Apr 2014 10:45:12 -0400
    Subject: Re: Center the form header field
  • Profile Image
    Answered on April 10, 2014 at 12:57 PM

    It looks likes you've made is perfect. Let us know if you need any further assistance with your form(s).


  • Profile Image
    Answered on April 11, 2014 at 08:26 AM


    Firstly I would like to thank you for all the assistance
    you have given me so far.
    Here is the prolem I am having, by using your embed code the page
    seems to take a longtime in loading, so I tried adding the frontpage html
    to my enquiry page, this seems to have solved the speed in loading,
    however when I click submit, although I get the default thankyou page
    it does not display like it does in my feedback page for (which is just using
    the embed code). I would like both my pages to be like my Feedback page in order that
    my link buttons are still visible so customers can link beck to the site.
    I hope this all make sense, but if you check both pages you will see what I mean

    my website address is:

  • Profile Image
    Answered on April 11, 2014 at 09:52 AM

    You may consider trying this method:

    1. Get your form source codes: How-to-get-your-Form-Source-Code

    2. Save the source codes as an HTML file.

    3. Upload this HTML file to your FTP server

    4. Use it as an iFrame to your Inquiry Page. You can generate an iframe codes using this website: iframe_generator. The iFrame URL should be the HTML file path that contains your form.

    Try it and let us know for the results.


  • Profile Image
    Answered on April 11, 2014 at 09:54 AM

    By the way, I think your last reply isn't part of the original posting so I would advise creating a new thread for that: You can put the link of this thread as a reference so everyone from the Jotform team would know that I suggested a method.