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

    CSS for Image Header in One of the Templates

    Asked by ladesignz on February 13, 2013 at 09:24 AM

    Good Morning, 


    Im using one of the templates for my site at  www.gulfsouthdisabilitylawyers.com and would like some help with the CSS edits to make the image header flush to the top - I do realize Ill need to resize the image and round the corners but Id really like to make it part of the design. 


    Thank you!! 


    Tina Dixon

    Page URL:
    www.gulfsouthdisabilitylawyers.com

  • Profile Image
    JotForm Support

    Answered by Welvin on February 13, 2013 at 10:59 AM

    Hi Tina,

    We would be happy to help you for that but please share with us the form URL so we can check and give you the right CSS codes.

    Checking from your Last Form ID: http://www.jotform.com/30413979632155, these are the codes to inject;

    #id_5 {

    margin-top: -15px;

    }

    Guide: How to Inject Custom CSS Codes

     

    Thanks

  • Profile Image

    Answered by ladesignz on February 13, 2013 at 11:25 AM

    Here is the  the new one  

     

    http://form.jotform.us/form/30413979632155

  • Profile Image
    JotForm Support

    Answered by Welvin on February 13, 2013 at 11:27 AM

    Hi Tina,

    That was your Last Form ID mention above and so, the codes given will work. Here's the codes again;

    #id_5 {

    margin-top: -15px;

    }

    Inject this custom CSS codes to your form. Here's a guide on how to do that: How to Inject Custom CSS Codes.

    Let us know if you need any further assistance.

    Thanks

  • Profile Image

    Answered by ladesignz on February 13, 2013 at 11:46 AM

    that worked - what about if I wanted to tighten it up a little between the fields to decrease the height

  • Profile Image
    JotForm Support

    Answered by Welvin on February 13, 2013 at 11:49 AM

    Hi,

    That is adjustable in your form settings, please check this guide:

    How can I change spacing between questions?

     

    Cheers!

  • Profile Image

    Answered by ladesignz on February 13, 2013 at 12:20 PM

    wow you are awesome!! 

  • Profile Image
    JotForm Support

    Answered by Welvin on February 13, 2013 at 02:01 PM

    Cheers! Feel free to contact us anytime! Thanks

  • Profile Image

    Answered by ladesignz on February 13, 2013 at 05:41 PM

    Thanks - also will you take a look again.   There is a small space at the top of the form where the gradient stops - how do I fix this ?

  • Profile Image
    JotForm Support

    Answered by Welvin on February 13, 2013 at 10:27 PM

    Hi Tina,

    I'm sorry for responding up a bit late. Here's how to perfect the gradient color from top to bottom, inject this codes to your form:

    .form-header-group {

    background: transparent !important;

    }

    Same guide on how to inject: How to Inject Custom CSS Codes

    The form output should be this one: http://screencast.com/t/y7mJm4CXU8Ju

    Thanks