What is JotForm?
JotForm is a free online form builder which helps you create online forms without writing a single line of code. No sign-up required.

At JotForm, we want to make sure that you’re getting the online form builder help that you need. Our friendly customer support team is available 24/7.

We believe that if one user has a question, there could be more users who may have the same question. This is why many of our support forum threads are public and available to be searched and viewed. If you’d like help immediately, feel free to search for a similar question, or submit your question or concern.

  • Profile Image

    Unable to remove background on required form section

    Asked by DoSocial 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



    Page URL:

  • Profile Image
    JotForm Support

    Answered by Jan 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.