How to remove orange border from a form

Hi there, 

I've tried amending the CSS for this form to remove the orange border but with no success. Please can you help? Thanks, Ben.

Hi,

In order to remove the border, you can add the following code in “inject custom css”:

.form-all{border: none !important;} 

Hope this resolves your issue.

Thanks,

John

As John has so kindly pointed out, you can remove that orange border by applying that small bit of custom CSS to your form:

.form-all{border: none !important;}

You can add the CSS code to your form either by following our guide on How to Inject Custom CSS Codes, or by opening your form in the Designer and pasting the codes under the CSS tab. Please refer to the following image for visual guidance:

I would recommend following the How to Inject Custom CSS guide, and pasting the custom code at the very bottom/end of your existing CSS already present on the form.

Please let us know how it goes, or if you run into any issues along the way, and we will be happy to help.

Thanks guys, it worked a treat!