Make second widget fit with the first one

One more question...

I duplicated that widget and want it to sit snuggly under the first. I have tinkered with the margins but I can't figure it out. I want it to sit as snuggly under the first as the Name field sits under the second.

Hi M,

If I understand correctly, you want the second widget to sit right underneath the first one. In that case, you can use the following custom CSS codes and follow the steps below:

1. First, copy the following CSS Code:

#cid_520 > div > iframe {

height: 225px !important;

}



#id_520 {

margin-bottom: 0px !important;

padding-bottom: 0px !important;

}



#id_542 {

padding-top: 0px;

margin-top: 0px;

}

2. In Form Builder, click on the Paint Roller icon on the right side of the page to open Form Designer.
3. Now, in the Form Designer menu, click on the Styles tab, scroll down and paste the code into the Inject CSS Code box. That’s it. The code is automatically saved.

We also have a guide about How to Inject Custom CSS Codes that you can check out. See following screenshot for the expected result:

If that’s not exactly what you’re looking for, can you explain a bit more so I can help you better?

Give it a try and let us know if you need any other help.

The desktop and tablet views are perfect, however I have a problem with the mobile view. All of the fields in the first box are not visible. When I click on one of the fields, I can then push the tab key and scroll to the next field. I don't want this feature. I want all fields to show on the screen. Initially I thought the extra fields cut off because there is no scroll bar either. Your help is greatly appreciated.

Hi M,

Note that due to responsiveness, some fields will change their place without depending on CSS. Can you explain a bit more about the issue, so I can get a better idea of what's happening? I cloned your form and tested it to see if I could replicate the issue, but everything was working properly. Check out the screencast below to see my results:

Once we hear back from you, we'll be able to move forward with a solution.