How to remove the red around boxes?

  • Profile Image
    AutoRepairHelpUS
    Asked on December 12, 2013 at 03:08 PM

    How to remove the red around boxes? See screen shot 

    http://www.autorepairhelp.us

    Thank you,

     

    Lee Davidian, Sr.

  • Profile Image
    AutoRepairHelpUS
    Answered on December 12, 2013 at 03:20 PM

    Update: Explorer does it as well just popped up?

    Thanks, 

     

    Lee

  • Profile Image
    pinoytech
    Answered on December 12, 2013 at 03:32 PM

    Hi,

    I've fixed it for you by injecting custom css in your form. Kindly check your web page now: http://www.autorepairhelp.us/ask-a-technician/

    Custom CSS:

    .form-error-message {

    display: none;

    }

    .form-line-error {

    background: none !important;

    }

    .form-line-error input:not(#coupon-input), .form-line-error textarea {

    border: 1px solid #ccc;

    -moz-box-shadow: 0 0 3px #ccc;

    -webkit-box-shadow: 0 0 3px #ccc;

    box-shadow: 0 0 3px #ccc;

    }

    .form-line-error input:not(#coupon-input), .form-line-error textarea, .form-validation-error {

    border: 1px solid #ccc;

    -moz-box-shadow: 0 0 2px red;

    -webkit-box-shadow: 0 0 2px #eee;

    box-shadow: 0 0 2px #eee;

    }

    If you need our assistance again, please feel free to contact us at anytime.

  • Profile Image
    AutoRepairHelpUS
    Answered on December 12, 2013 at 03:36 PM

    Thank you!

    It came back in again. Went away, and then came back?

     

    Lee

  • Profile Image
    pinoytech
    Answered on December 12, 2013 at 03:58 PM

    Hi Lee,

    Unfortunately, I wasn't able to reproduce the issue.

    Chrome

    FF

    IE

    Have you tried already clearing your browser cache and cookies? If not, please give a try?

    If the issue persists, do let us know.

  • Profile Image
    AutoHelpRepair
    Answered on December 12, 2013 at 05:37 PM

    I cleared the cache and checked my other computer, still those red boarder lines around certain boxes in chrome and Explorer. Should I clear the form and start over?

    Sorry,

     

    Lee

  • Profile Image
    AutoHelpRepair
    Answered on December 12, 2013 at 06:20 PM

    Can someone look into this?

  • Profile Image
    Jeanette
    Answered on December 12, 2013 at 09:19 PM

    I just tested the embbed form at your web-site and do not recreate the problem. Please open your site link in an incognito windows at Chrome

    linkhttp://www.autorepairhelp.us/ask-a-technician/

    You should be able to see the changes

  • Profile Image
    AutoHelpRepair
    Answered on December 12, 2013 at 10:03 PM

    Thank you so much. Though chrome is fixed, but Explorer still showes the red lines. I cleared the cache and reset explorer, restart computer, no help.

    One to go all else is fixed!!

     

    Thank you,

     

    Lee

  • Profile Image
    AutoRepairHelpUS
    Answered on December 12, 2013 at 10:38 PM

    I removed the form by delete. Started over - still Explorer shows the red lines.

     

    Thank you for your help,

     

    Lee

  • Profile Image
    EltonCris
    Answered on December 13, 2013 at 04:52 AM

    Hi Lee,

    Sorry but I am a bit puzzled as to what do you want to achieved here since according to your screen, you want the red box to appear on Firefox and Internet Explorer? Am I correct about this or do you want the input red border to be removed on IE? If yes, may I know what IE browser you are using?

    However, just in case you mean add the red input border on IE then check the following solution.

    ---

    It was probably due to the new CSS selector on the error mode which is not supported on IE8 and earlier. However, that can be fixed easily when you inject the following CSS codes to your form. This should reveal the red border on every inputs when you use IE8 and below.

    .form-line-error input{

    border: 1px solid #e15353 !important;

    }

    Guide: http://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes

    Regards!

  • Profile Image
    AutoRepairHelpUS
    Answered on December 13, 2013 at 05:59 AM

    What I want is the red boarder to be removed. The look now is some are red and others not - see image above that I sent to jot. 

    Chrome is fixed - the red boarders still show in Explorer 10.

     

    Thank you for your help,

     

    Lee

  • Profile Image
    abajan
    Answered on December 13, 2013 at 06:27 AM

    Hi Lee,

    The form to which your page currently links (via an iFrame) has no injected CSS whatsoever. So, when someone fails to complete a required field and goes to a different field, the default style (red border) will appear around the former.

    Sorry but I'm a bit puzzled myself. Please clarify.


    Thanks

  • Profile Image
    abajan
    Answered on December 13, 2013 at 06:39 AM

    I should add that I've checked the site in both Chrome and IE 10 (and IE 11).

  • Profile Image
    Lee
    Answered on December 13, 2013 at 07:38 AM

    I realize that when one skips a step, the field becomes red. If I could send you a screen shoot of explorer to you, I would. I do not see from the buttons in this text form to send to you a screen shot on the one I sent at the beginning of this post.

  • Profile Image
    Lee
    Answered on December 13, 2013 at 07:40 AM

    Explorer 10 and 11 show red lines like the screen shot in the beginning of this post.

  • Profile Image
    EliezerN
    Answered on December 13, 2013 at 11:19 AM

    Thanks for cotnacting us

    Learn how to share screenshot with us via this thread please follow the steps in this guidance: How to upload and add screenshots to support forum?

    Just as my colleague abajan states your embeded form does not have any CSS code, that's why it shows the red message/border even when not using the IE 10 or 11:

    So, make sure to use the CSS code suggested by my colleague pinoytech in his first message. Here is how you can inject CSS codes to forms: https://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes

    Inform us if you need further assistance.

    Thanks