Each time a form is submitted, Team Forms automatically generates a PDF copy of the form. This PDF is designed to closely resemble the web form to maintain consistency. However, there may be cases where you want the PDF to look slightly different—for example, you might want to remove borders around input fields in the PDF version while keeping them in the web form. You can achieve this using the Custom CSS feature.
⚠️ Note: Custom CSS is available only on paid plans.
Steps:
1. Open the form you want to modify.
2. Click the “…” icon in the top-right corner of the screen.
3. Select “Custom CSS” from the menu.
4. In the CSS editor, add the following code:
.form-pdf div {
border: none;
}This CSS rule targets all <div> elements only in the PDF version of the form.
By using the .form-pdf class, you ensure the styling applies exclusively to the generated PDF, leaving the web form untouched.
