How to remove orange border from a form

  • Profile Image
    Asked on February 18, 2016 at 09:07 PM

    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.

  • Profile Image
    Answered on February 19, 2016 at 02:18 AM



    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.






  • Profile Image
    Answered on February 19, 2016 at 07:42 AM

    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.

  • Profile Image
    Ben Rickard
    Answered on February 23, 2016 at 10:56 PM

    Thanks guys, it worked a treat!