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.
