Compressing vertical spacing

  • Profile Image
    Asked on February 15, 2018 at 09:15 AM

    I would like to compress the vertical space between the 'totals' fields (#36, #41-#48), and thought this code should do it. But it doesn't.

    Could you please give me the correct code?
    #id_41 input, #id_42 input,
    #id_43 input, #id_44 input, #id_45 input,
    #id_46 input, #id_47 input, #id_48 input,
    #id_50 input {margin-bottom : -20px}

    Also I thought this might make the labels for those fields wider and prevent any word-wrap, but again it's not working.

    label#label_36 {width : 190px;}


  • Profile Image
    Answered on February 15, 2018 at 10:08 AM

    I have resolved this problem, except for the fact that the form displays differently in the designer than in preview.


  • Profile Image
    Answered on February 15, 2018 at 11:35 AM

    Glad to hear that your issue is now resolved.

    There are some CSS styling that will only be applied in the Live Mode depending on the theme that was used. If that happens, you can try using the !important CSS rule. If you are still having issues with custom CSS, please let us know so that we can assist you.

    Thank you for updating us.