Trying to change the Form padding

I have a scenario where I developed a form to display another form in iFrame. I did this because of Teams issues and linking to other forms. I am trying to get rid of this 36px padding at the top of the parent form:


You can get rid of the padding using the CSS. Inspect the element to learn its CSS class and make changes you need.


I am able to change the padding in the browser by calling $(‘.fd-form-container’).css(‘padding-top’, ‘0px’);

However this does not work when I put this under spRendered.


You can try adding the styling with CSS not jQuery:

.fd-form-container {
     padding-top: 0px;