Unreadable dark color font

  • eastblockforms
    Asked on March 16, 2021 at 9:44 PM

    Hi, please help me with this:

    When viewing in mobile, the font is dark and unreadable, please see below:

    1615945425 60515ed16cdd5  Screenshot 10

    When viewing in the computer, the font is okay, please see below:

    1615945401 60515eb9dff60  Screenshot 21


    Please help me fix this. Thank you.

  • Rehan Support Team Lead
    Replied on March 17, 2021 at 4:26 AM

    Greetings,

    Kindly give us the code that we can enter in the form to proceed further and check the specified fields. Looking forward to hearing from you.

    Thanks

  • eastblockforms
    Replied on March 18, 2021 at 11:55 PM
    Please use *A12345*
    ...
  • Rehan Support Team Lead
    Replied on March 19, 2021 at 2:40 AM

    Greetings,

    You can inject the following CSS in your widget custom CSS section.

    Please use instructions in this guide: https://www.jotform.com/help/428-how-to-inject-css-codes-to-widgets

    @media only screen and (max-width: 40em)
    {
    input#input_c0 {
    width: 100% !important;
    }
    input#input_c1 {
    width: 100% !important;
    }
    input#input_c2 {
    width: 100% !important;
    }
    input#input_c3 {
    width: 100% !important;
    }
    }
    html, select, textarea {
        color: #ffffff;
    }

    Following inject must be added in the Form CSS Section:

    Please use this guide for instructions: https://www.jotform.com/help/117-how-to-inject-custom-css-codes

    iframe#customFieldFrame_20 {
    width: 100% !important;
    }
    @media only screen and (max-width: 480px){
    iframe#customFieldFrame_20  {
    height: 300px !important;
    }
    }

    Should you need further assistance then please let us know.

    Thanks