-
HealioLiveAsked 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_KReplied 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.
-
HealioLiveReplied 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_KReplied 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:
Is there something else to be adjusted?
If yes, just let us know.
-
HealioLiveReplied 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!!!