text color in settles is not the same as outcome

  • jmissartel
    Asked on July 22, 2021 at 11:28 AM

    url https://eu.jotform.com/build/201512594395356

    hello, I have put a text color as darkgrey but it shows as a white in the end, how could I change it?
    thank you in advance

    Natallia1626967690 60f98e8a8c43a Capture d’éc Screenshot 101626967686 60f98e865ab45 Capture d’éc Screenshot 21

  • Hanne_ABL
    Replied on July 22, 2021 at 1:06 PM

    Hi!

    I think I can help and would like to try. I cloned your form and tinkered a little bit with it. As far as I can tell, it might be that the changes weren't saved. Additionally, the colors seemed to not follow the selection if using the google "autofill" option.

    This is what it looked like after I changed colors for the font and background and filled it in the preview.

    1626971778 60f99e82d466a  Screenshot 10

    And this is what it looks like when using the autofill function.1626971938 60f99f228d5f5  Screenshot 21

    Further, to change the color for the Country dropdown menu, I would use the Advanced Designer. Select the section you want to work on, in this case, the Country drop-down menu, and select "CSS".1626973284 60f9a464a9f7e  Screenshot 32

    Then choose the background color, and either paste the value of the color you want or use the color selecting tool.

    1626973426 60f9a4f2dcaad  Screenshot 43

    Then repeat to change the font color as well.1626973500 60f9a53c3fe3d  Screenshot 54

    I really hope this can be useful!

  • Yau_C
    Replied on July 22, 2021 at 10:51 PM

    You may apply the following css:

    input#input_15, #prefix_4, #id_4 input, #id_6 input {  color: darkgrey !important;}


    Result:

    1627016805 60fa4e6597961  Screenshot 10

    https://www.jotform.com/form/212028059930957

    Let us know how it goes, thanks.

  • Yau_C
    Replied on July 23, 2021 at 1:22 AM

    Here is an update of the CSS:

    input#input_15, #prefix_4, #id_4 input, #id_5 input, #id_6 input,select {
       color: darkgrey !important;
    }


  • jmissartel
    Replied on July 26, 2021 at 4:22 AM

    hello, thank you for your answers @hanneabl & @Yau_C

    I have applied the code in the CSS helper , works fine