how to reduce d leading space?

  • Profile Image
    ameliawang
    Asked on January 09, 2013 at 06:02 AM

    hi there,

    may i know how to reduce d leading space?

    as i d file i attached

    d space in between d text line is too much, how to make it closer to each other?

    thx u :)

    Screenshot
  • Profile Image
    liyam
    Answered on January 09, 2013 at 07:16 AM

    Hello again, ameliawang.  You can try this CSS injection code:

    .form-line { padding-bottom: 0;
                           padding-top: 0;
    }

    Just add this right after the CSS injection that you added earlier.

    Also, just to add, the CSS property and values (e.g. margin-left: -20px; margin-top: -20px), these can be combined under one class or ID, just as how I did above.  So instead of doing

    .form-all { margin-left: -20px; }
    .form-all { margin-top: -20px; }

    You can simply do this:

    .form-all { margin-left: -20px; margin-top: -20px; }

    Please let us know if you need further assistance.

    Thanks.

  • Profile Image
    ameliawang
    Answered on January 09, 2013 at 07:29 AM

    wow~amazing!

    u make it very clear!

    thx for your help! :)

  • Profile Image
    ameliawang
    Answered on January 09, 2013 at 08:06 AM

    btw if i jus need to reduce d padding space a bit, so how to do that?

    i tried below this but no change??

    .form-line { padding-bottom: -10px;
                           padding-top: -10px;
    }

  • Profile Image
    liyam
    Answered on January 09, 2013 at 08:21 AM

    Actually, there are no negative values that can be set for padding.  Since the value is set to zero and you only need not too much, you can simply increase it to:

    .form-line { padding-bottom: 10px;
                           padding-top: 0;
    }

    Or probably 5px if 10px is too much.  You can also increase the padding top somewhere like 3px.

    Just let us know if you need further assistance.

    Thanks.