Unable to remove background on required form section

  • Profile Image
    Asked on July 26, 2017 at 09:15 AM



    1. we are unable to remove the background on required form section. We have tried several css codes but none of them remove the background indicated on picture which I have uploaded (and marked with red arrows).

    Maybe someone will assist. What we want to have is: Have error message in box on right which we currently have but REMOVE the background behind the field


    2. Second case which we need to be solved is we have add this code to change the color of the border when field is active:

    .form-line-active input:focus, .form-line-active textarea:focus {

        border : 1px #b02886 !important;

        box-shadow : 0 0 1px #b02886 !important;

        -moz-box-shadow : 0 0 1px #b02886 !important;

        -webkit-box-shadow : 0 0 1px #b02886 !important;



    What we dont like is that when field is active it provide us the line color which we need but the section is moving up for 1 pixel or so.

    What we want to have is: change the color of the border but without moving (even 1 px) of the section



    Our form address is: https://form.jotform.me/72056751968467



  • Profile Image
    Answered on July 26, 2017 at 12:39 PM

    You can use this custom CSS code to remove the box shadow of the field:

    .form-line-error {
    background: transparent !important;
    box-shadow: none !important;
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;

    Here's a guide on How-to-Inject-Custom-CSS-Codes. Here's the result:

    I need to create a separate thread regarding your next issue. Please wait for our reply on this thread: https://www.jotform.com/answers/1208988.

    Thank you.