Color of errors

  • Profile Image
    wayfarer
    Asked on February 14, 2017 at 01:53 AM

    Hello,

    i need help with colors of error. I Need change every color what is red for my own.

    Thanks.

  • Profile Image
    Chriistian
    Answered on February 14, 2017 at 05:00 AM

    To change the color of the Form Warning, please inject this custom CSS to your form below and change the desired color for the error warning.

    .form-line-error {

    background: green !important;

    }

    .form-line-error {

    border: 1px solid green !important;

    -moz-box-shadow: 0 0 3px green !important;

    -webkit-box-shadow: 0 0 3px green !important;

    box-shadow: 0 0 3px green !important;

    }

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

    background: green !important;

    }

    .form-error-arrow {

    border-bottom-color: green !important;

    }

    .form-required {

        margin-left: 5px;

        color: green;

    }

    Let us know if you need further assistance.
    Regards

     

  • Profile Image
    wayfarer
    Answered on February 14, 2017 at 06:45 AM
    Hello,
    thanks, but i have always red colors, here i mark in attached.
    Dne 14.02.17 v 10:59 JotForm napsal(a):
    ...
  • Profile Image
    wayfarer
    Answered on February 14, 2017 at 06:45 AM
    And here
    Dne 14.02.17 v 12:03 Kamil Babisz - Wayfarer. napsal(a):
    ...
  • Profile Image
    Chriistian
    Answered on February 14, 2017 at 08:09 AM

    It seems you are sending us a screenshot of the issue. Unfortunately, we weren't able to see the attached screenshot you mentioned. Can you please try to re-upload the images directly on this thread. You can check the thread here: https://www.jotform.com/answers/1065457. To add a screenshot on this thread, just follow the instructions provided in this article: How to add screenshots images to questions to the support forum.

     

    We will wait for your response.
    Regards.

  • Profile Image
    wayfarer
    Answered on February 14, 2017 at 08:19 AM

    Hello, sorry, ofc here is a screen.

    I need change color of these elements.

  • Profile Image
    Chriistian
    Answered on February 14, 2017 at 09:57 AM

    To change the color for the "Prosím, vyplňte všechny potřebné pole." message found at the bottom of your form, just use the following custom CSS Code:

    .form-button-error p {

        color: white;

        background: #00B4A2 !important;

    }

     

    For the border of the "Emailová adresa" field, you can use this custom CSS code:

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

        border: 1px solid green !important;

    }