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

    Header flush with the edge

    Asked by MBWHS on August 19, 2016 at 10:53 PM

    Hi I tried using the code supplied on a previous answer to someone elses Q to get the header flush with the edges but it hastn't worked...are you able to help?

     

    This was the code

    #id_8 {

    padding: 0px;

    }

     

    #id_8 .form-image {

    width: 100%

    }

    Page URL:
    https://form.jotform.co/62317897953875

    to get a
  • Profile Image
    JotForm Support

    Answered by liyam on August 19, 2016 at 11:13 PM

    Hello,

    CSS codes are somewhat exclusive based on the design and the references used. The ID or the class used on a form can be different from the other. This is the reason why the code you found will not work on your form.

    Can you tell us from which thread you found this code? or can you please provide to us more information on what you wish to do with your header. (My apologies for not understanding your title "Header flush with the edge")

    Looking forward to your response.

     

  • Profile Image

    Answered by MBWHS on August 20, 2016 at 01:45 AM
    Hi
    Thanks so much for getting back to me.
    Here is the link to my form
    https://form.jotform.co/62320656745861
    What I would really like to be able to do is use the pink/purple one and have it so it covers the whole of the top part of the paper and then to be able to add text on top. Is this possible?
    Thanks
    Katie
    ...
  • Profile Image
    JotForm Support

    Answered by liyam on August 20, 2016 at 03:00 AM

    Hello Katie,

    How about using the image as a form cover? You can set it on the Advanced Form Designer

     

    Once the form designer loads, click Form Cover, under the DESIGN tab and upload your image there. Next, set your width and height, remove the margin at the bottom and you're done. 

    Save the design and you're good to go.

    Here is a sample result of the form I cloned from you: https://form.jotform.com/62321001744946 

    If you need assistance, please let us know.

     

  • Profile Image

    Answered by MBWHS on August 20, 2016 at 04:45 AM
    https://form.jotform.co/62320856706860
    Hi
    I’ve just tried to do that with a different form…but I must have done something wrong as I want the image to be in back ground with the header text on top…
    BTW thank you so much for your help….your customer service is fantastic!
    ...
  • Profile Image
    JotForm Support

    Answered by liyam on August 20, 2016 at 07:42 AM

    Thank you for the kind remark, Katie! :)

    Now if you also would like to use the image as a background as well. I think here's a better alternative -- replace your injected CSS code with this:

    .form-all {
       background-image: url("https://www.jotform.com/uploads/liyam/form_files/Mothers_Banner_logo_1_.png");
       background-size: 902px 150px;
       background-repeat: no-repeat;
    }

    This is the result: https://form.jotform.com/62323059214953

    Feel free to let us know if you need further assistance or if you have more questions. :)