How to remove the icons on name, email and phone fields?

  • henryclarke10
    Asked on September 6, 2024 at 12:44 PM

    I would like to hide/remove the icons to the left of each field on my form: https://form.jotform.com/242484485546164

    Screenshot attached.

    Thanks!

    Jotform Thread 18748171 Screenshot
  • Kyle JotForm Support
    Replied on September 6, 2024 at 1:43 PM

    Hi Steve,

    To remove the icons, we just need to delete the Custom CSS below, Let me show you how:

    .form-textbox {
    outline : none;
    padding-left : 46px;
    }
    #cid_9:before {
      content : "\f007";
    }

    #cid_10:before {
      content : "\f0e0";
    }

    #cid_11:before {
      content : "\f095";
    }
    • On your Form Builder, click on the Paint Roller icon and select the Styles tab.
    • On the Inject Custom CSS field, search for the CSS codes above and delete them.

    How to remove the icons on name, email and phone fields? Image 1 Screenshot 20

    Give it a try and let us know if you need any other help.

  • henryclarke10
    Replied on September 6, 2024 at 1:55 PM

    Thanks very much!

Your Answer