Select a field and it turns white

  • Profile Image
    catbahaicamp
    Asked on March 11, 2018 at 11:15 PM

    Hi, I have somehow created a color change when you click on a form field. I don't know how it happened but it's there and I need some assistance to find where it's happening.


  • Profile Image
    onurc
    Answered on March 12, 2018 at 03:45 AM

    Hi,

    In order to cancel this active css property, you need to add following css code block under your Form Designer CSS Tab.

    .form-line-active{

    background:none !important;
    }

    1520840681Screen Shot 2018-03-12 at 10.4


    This css block is going to resolve your issue.

    If you have any question or comment, please let us know.

    Kind regards!

  • Profile Image
    catbahaicamp
    Answered on April 10, 2018 at 11:22 PM

    Hi, I'm still having some trouble with the error message. I've been trying to get the colors to be balanced / legible on error.  I cleaned up a lot of duplicative code from the body, but i just can't seem to figure out which piece is applying here.

    I tried adding in all these but they didn't work:


    .form-input-widejf-required {

        background-color : #ffb148;

        color : black;


    .form-line-error {

        background-color : #ffb148;

        color : black;

    }


    .form-error-message{

        color: #0e2f44 !important;

    }

  • Profile Image
    Scott
    Answered on April 11, 2018 at 04:46 AM

    Hey there,

    If you delete the CSS codes you have shared below and add this snippet:

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

        background: #0e2f44;

        color: #ffb148;

    }

    The error messages will look like this:

    1523436348Screen Shot 2018-04-11 at 11.4

    If this is not the look you are after, please give more details to able us to help you better,

    Cheers!

  • Profile Image
    catbahaicamp
    Answered on April 12, 2018 at 02:29 AM

    Actually I was trying to change the color of the yellow text like "address" when it hits the error condition the error message itself was ok

    Thanks!

  • Profile Image
    liyam
    Answered on April 12, 2018 at 06:13 AM

    Hello catbahaicamp,

    You can just simply change the color hex value that was provided by Scott and it should resolve the issue. In any case, feel free to let us know if you have additional questions or other concerns.

    Thanks.

  • Profile Image
    catbahaicamp
    Answered on April 12, 2018 at 07:25 AM

    Yeah, that wasn't it. That changes the error message in the upper right, and i was ok with that.  It was the main primary text on the input box description that I was trying to change.


    I tried picking a better background color and it's showing more legibly so i'm good with it.

    i added this back in to cover it:

    .form-line-error {


        background-color : #f45642;

    }


    thanks!

  • Profile Image
    Scott
    Answered on April 12, 2018 at 08:32 AM

    Hey,

    A little late but you can adjust the label colors on the error state by this snippet:

    .form-line-error label.form-label {

        color: white;

    }

    Let us know if you ever need anything else!

    Cheers.