Form Design: How can I remove the gray border from the entire form?

Hi F

We created this form https://form.jotform.com/241107197747158, and we embedded it near the bottom of this page:

https://changingthepresent.org/pages/indian-students-and-graduates-b

The closed section collapse element appears with a thin grey border around three sides. I assume that to indicate the edges of the form. How do I hide them? I assume that one way to do it would be to make the collapse element go full width of the form and start at the very top with no space above it, but I do not know how to do that.

Please advise

Thanks

Robert

Hi Robert,

Thanks for reaching out to Jotform Support. I’m really sorry that this is happening. I can help you with the solution. To eliminate the gray border across the entire form, you can utilize the following custom CSS codes. This will result in a clear-form outline without any grayish border. Here's the CSS code you can use:

.supernova .form-all, .form-all {

    box-shadow: none !important;

    border: none !important;

}

Next, here's how you can inject the CSS codes into the form:

• Open the Form Designer by clicking the paint roller icon in the upper-right corner of the Form Builder.
• Go to Styles at the top of the Form Designer pane on the right.
• Copy and paste the CSS code shown above into the text area.
• After you've injected the custom CSS codes, close the Form Designer, and the changes will be applied automatically.

Here are the sample results after applying the custom CSS codes:

Give it a try and reach out again if you have any other questions.

• Give it a try and reach out again if you have any other questions.