How can I adjust the margins of the entire form?

  • HealioLive
    Asked on March 27, 2018 at 11:02 AM

    Hi,

    I'm trying to adjust the margins/padding of the entire form on my site and nothing seems to work. Can someone please tell me what CSS i need to use to target that part of the form?


    Thank you

  • Victoria_K
    Replied on March 27, 2018 at 12:30 PM

    Please try to inject the following CSS code to reduce padding of form lines:

    .form-line {

      padding-right: 10px !important;

      padding-left: 10px !important

    }

    In case you need also to reduce the top padding of your form's Header, this code will be of help:

    .form-header-group {

      padding-top: 0px !important;

    }

    How-to-Inject-Custom-CSS-Codes

    We will gladly assist if you need more help.

  • HealioLive
    Replied on March 27, 2018 at 1:09 PM

    Hi Victoria,


    I'm looking for the form to line up with the "DO I NEED TO REGISTER" which is 10px away from the left grey line. I figured out some of it, but the CSS you supplied only moves the Name. The Abstract Submission Form part will not move over.

    Any additional help is appreciated.

  • Victoria_K
    Replied on March 27, 2018 at 1:30 PM

    Hello AMSPresentations,

    Thank you for updating me. 

    I've adjusted the code to match your page padding:

    .form-line {

      padding-right: 0px !important;

      padding-left: 0px !important

    }

    .form-header-group {

      padding-top: 0px !important;

      margin-left: 0px !important;

    }

    Seems to look correct now:

    1522171666screenshot6r5tl Screenshot 10

    Is there something else to be adjusted?

    If yes, just let us know.

  • HealioLive
    Replied on March 27, 2018 at 1:33 PM

    THANK YOU!!! I literally was fighting with that for over an hour. For some reason "!important" wasn't working for me when I would put it in there.

    It's working now which is all I care about. THANK YOU!!!