reduce space above html

  • Profile Image
    lshad24
    Asked on October 13, 2011 at 05:58 PM

    How do I reduce the space between my text box and free html

     

     

  • Profile Image
    NeilVicente
    Answered on October 13, 2011 at 06:15 PM

    Please inject this custom css to your form:

    .form-html p {
    margin: 0;
    }
    #id_4 {
    padding-top: 0;
    }

    Hope you find this useful. Thanks!

  • Profile Image
    arpajo
    Answered on October 13, 2011 at 06:21 PM

    Hey Neil! 

    I am wondering, what does "inject" mean? In which part of the code should we add it?

    Thanks,

    Roberto 

  • Profile Image
    NeilVicente
    Answered on October 13, 2011 at 06:24 PM

    Roberto,

    To inject custom css:

    1.  Go to Setup & Embed tab
    2.  Click Preferences Form button
    3.  Choose Form Styles tab
    4.  Copy and paste the css code in the Inject Custom CSS textarea


     
    Take note though, that although the code:

    .form-html p {
    margin: 0;
    }

    will reduce some spacing on all forms with free text fields, the other code:

    #id_4 {
    padding-top: 0;
    }

    is specific to lshad's form.

  • Profile Image
    arpajo
    Answered on October 13, 2011 at 07:00 PM

    Perfect! Thanks again :)