how can i remove the red border/shadow from the fields & the pink bg?

  • Profile Image
    scuolamassaggi
    Asked on November 13, 2012 at 08:23 AM

    Hi,

    how can i remove the red border/shadow from the fields?

    sample in the pictures

    i wrote this, but it's not working

    .form-line-error input, .form-line-error textarea

    {
    border:1px solid #f07e01 !important;
    box-shadow: 0 0 3px #f07e01 !important;
    }

  • Profile Image
    abajan
    Answered on November 13, 2012 at 09:07 AM

    Hi,

    Please replace the form's current injected CSS with the following and save the change:

    .form-error-message {
    background: #F07E01 !important;
    padding: 1px !important;
    }

    .form-error-arrow {
    border-bottom-color: #F07E01; !important;
    }

    .form-required {
    color: #F07E01;
    }

    .form-line-error input,
    .form-line-error textarea {
    border-color: #CCC !important;
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    }

    .form-line-error {
    background: none repeat scroll 0 0;
    }

    .form-error-message {
    width: 185px;
    }

    .form-button-error {
    display: block;
    }

    Although you didn't request it, the new CSS also reduces the width of the field error messages and displays the submit button's error message on its own line.

  • Profile Image
    abajan
    Answered on November 13, 2012 at 09:36 AM

    Actually, replacing all of the declarations in the 4th rule of my CSS with the following would give better results:

    -moz-box-shadow: 0 1px 2px #eee inset;
    -webkit-box-shadow: 0 1px 2px #eee inset;
    box-shadow: 0 1px 2px #eee inset;

    (It's a subtle difference.)