How to remove red borders, backround for required field error?

  • Profile Image
    paulsutt
    Asked on September 26, 2014 at 02:26 AM

    Hi

     

    Firstly many thanks for your help with this - as a non coder this is a great product to use. However the request field alerts still arent what i want.

    As attached the red boxes are still there with the icon. I want to get rid of all the red boxes and the yellow icon so I just have the wording alert text in red. No red boxes or yellow icon.

    Please can you help.

     

    Many thanks again

    Paul

  • Profile Image
    Welvin
    Answered on September 26, 2014 at 05:20 AM

    Hi Paul,

    I've fixed it for you. The custom CSS codes are the following:

    .form-error-message img {

    display: none !important;

    }

    .form-line-error .form-error-message {

    background: transparent !important;

    color: red !important;

    padding: 6px !important;

    margin-bottom: 3px !important;

    -moz-box-shadow: none !important;

    -webkit-box-shadow: none !important;

    box-shadow: none !important;

    margin-left: -5px !important;

    }

    .form-error-arrow {

    display: none !important;

    }

    .form-line-error {

    background: transparent;

    }

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

    border: 1px solid #ccc !important;

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

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

    box-shadow: 0 0 3px #ccc !important;

    }

     

     

    Thank you!

  • Profile Image
    Welvin
    Answered on September 26, 2014 at 05:23 AM

    Here's the result when you add the custom CSS codes:

    Thank you!

  • Profile Image
    customcolor
    Answered on June 08, 2016 at 01:04 PM

    This is a great thread! It has helped me greatly. One question though - I have a pull down menu on my form and I am unable to remove the red boarder from that menu. Also, the arrow format messes up when the error occurs in the position field. 

  • Profile Image
    Welvin
    Answered on June 08, 2016 at 01:41 PM

    @customcolor: I see that you have posted a new thread with regards to your question with the dropdown field. We require a new thread for each issue so I prefer to give you my answer there. Here's the link: https://www.jotform.com/answers/856282