2

I need to fix the alignment of an embedded iframe form assembly form into my Squarespace site.

The form assembly style has too much top and left padding and margin so the form is unable to embed inline with site style:

Misaligned iframe

Preferred alignment

I am able to get the desired effect by editing the css in the browser like below:

.wFormContainer .wForm form {
    padding: 0 !important;
}

   .wFormContainer .wForm {
  
    padding: 0 !important;
    margin-top: 0 !important; }

.wFormContainer .wFormHeader {
    height: 0;
    margin: 0;

However, when I try to make these changes in the form assembly custom code editor the changes do not reflect.

Can I make these changes on my Squarespace site?

Any tips are welcome.

The dev site can be viewed here https://www.thepush.com.au/freeza-2 Password is "showme"

marc_s
  • 732,580
  • 175
  • 1,330
  • 1,459
user17020044
  • 21
  • 2

1 Answers1

0
.wFormContainer .wForm form {
    padding: 0 !important;
}
  
.wFormContainer .oneField, .wFormContainer .section {
    margin-top: -30px;
}
  
.wFormContainer .actions .primaryAction {
    margin-bottom: -30px;
}
user17020044
  • 21
  • 2
  • Your answer could be improved with additional supporting information. Please "edit" to add further details, such as citations or documentation, so that others can confirm that your answer is correct. You can find more information on how to write good answers in the help center: https://stackoverflow.com/help/how-to-answer . Good luck – nima Sep 29 '21 at 09:18