Remove space above a Free Text (HTML)

  • Profile Image
    dotcomUNDERGROUND
    Asked on January 11, 2012 at 07:05 PM

    I want to show some instruction (to double check the email address they provided) when they fill up the email address.

    For that I am using the Free Text (HTML) and using the Conditional Show/Hide.

    But in this way there is a lot of space above the HTML area. Is there any way to place the Free Text right under the form text field?

    http://screen-shot.org/2012-01-12_060514.jpg

    I tried injecting the following css with no luck:

    .cid_11 {margin:0;}
    .id_11 {margin:0;}
    .text_11 {margin:0;}

  • Profile Image
    Mike_T
    Answered on January 11, 2012 at 07:40 PM

    Thank you for contacting us.

    First of all, I would suggest removing paragraph tags from your Free Text (HTML) tool:

    Additionally, you can inject the following css code:

    #id_4 {padding-bottom: 0px;}

    #id_11 {padding-top: 0px;}

    Please give it a try, and let us know if you need any further assistance.

  • Profile Image
    dotcomUNDERGROUND
    Answered on January 11, 2012 at 07:51 PM

    Hi,

    Thaks for the instructions. It certainly looks better now. But it would be better if we could move it even closer to the field.

     

    I tried to get rid of the <p> tag, but every time it comes back autometically.

  • Profile Image
    Mike_T
    Answered on January 11, 2012 at 07:57 PM

    Please try to remove the tag from simple editor on a Properties bar, instead of full HTML Source Editor.

    Provided custom css code should move the element even closer.

    Thank you for cooperation.

  • Profile Image
    dotcomUNDERGROUND
    Answered on January 11, 2012 at 08:10 PM

    Thanks!

    The properties bar trick totally did the job. It's now looking perfectly as we wanted to.