CSS warning formatting: Change Red Warning Text and Yellow Warning Icon

  • Profile Image
    Dannilee
    Asked on December 28, 2012 at 06:56 PM

    Hi

    http://form.jotformeu.com/form/23626128572354

    I have managed to change all other aspects of the forms colouring, but I need to change the bottom text warning from red to white?

    Also is it possible to remove the arrors and the yellow icons?

     

    Thanks

     

    Dee

  • Profile Image
    idarktech
    Answered on December 28, 2012 at 10:35 PM

    Hi Dee,

    To change the red text button error to white, use this CSS.

    .form-button-error {

    color: white !important;

    }

    Unfortunately the exclamation icon is hard coded on JS file, you have to download your full form source code to be able to edit it.

    Thanks!

  • Profile Image
    Dannilee
    Answered on December 31, 2012 at 08:12 AM

    Thanks.

    I injected:

    .form-error-message img {
    display: none;
    }

    And that removed the exclamation mark.

    Now the only problem I face is when you don't fill in the required fields you get the message but it is pushing my submit button out of position, is there a way to get it to appear underneath the submit button?

  • Profile Image
    idarktech
    Answered on December 31, 2012 at 08:30 AM

    Use this:

    .form-button-error {

    display: block !important;

    }

    The error message that appears next to the button causes this issue, bringing it down should correct it. Thanks and happy new year! =)