What is JotForm?
JotForm is a free online form builder which helps you create online forms without writing a single line of code. No sign-up required.

At JotForm, we want to make sure that you’re getting the online form builder help that you need. Our friendly customer support team is available 24/7.

We believe that if one user has a question, there could be more users who may have the same question. This is why many of our support forum threads are public and available to be searched and viewed. If you’d like help immediately, feel free to search for a similar question, or submit your question or concern.


  • Profile Image

    The main title of my form looks in a different color when it's viewed using a mobile device

    Asked by kicksacademy on November 13, 2014 at 05:17 PM
    Page URL:
    http://form.jotform.us/form/43135635493154

    Mobile font color pc font
  • Profile Image

    Answered by Shadae on November 13, 2014 at 05:53 PM

    Hi kicksacademy,

    I was able to replicate the issue that you are experiencing when viewing your form on a mobile device.

    Please Inject the Following CSS code into your form to resolve the issue that you are currently experiencing.

    @media only screen and (max-width: 40em){

    * {

    color: black !important;

    font-family: Lucida;

    }}

    How to Inject CSS Code

     

    I hope this helps! Please inform us if you need further assistance.

  • Profile Image

    Answered by kicksacademy on November 13, 2014 at 06:11 PM

    Hi Shadae,

    Do I just add to the top or bottom of the existing css code or do I remove what's there before inserting what you gave me?

    Maybe I could insert it to the right side css panel from the theme designer window?  Would that work?

  • Profile Image

    Answered by raul on November 13, 2014 at 06:18 PM

    Hi,

    You can add the code provided by @Shadae at the bottom of the existing CSS code of your form and you don't need to remove anything.

    Please let us know if it works.
    Thank you.

  • Profile Image

    Answered by kicksacademy on November 13, 2014 at 06:33 PM

    Hi Shadae and Raul,

    That worked like a charm.

    Is there a reason why the title font color would have been different than the rest of the text in the form?  Just trying to learn - newbie to forms and css.

    Thanks so much!

  • Profile Image

    Answered by raul on November 13, 2014 at 06:47 PM

    On behalf of my colleague, you're welcome.
    We're glad the provided code worked for you.

    The reason why the form is different on mobile devices is because you have enabled the Mobile theme. Which means that a different theme will be used to display the form when its viewed using a mobile device.

    I hope this answers your question.

    Let us know if you need further assistance.
    Thanks.

  • Profile Image

    Answered by kicksacademy on November 13, 2014 at 07:12 PM

    Hi Raul,

    Since most of my customers will most likely be using their cell phones to respond to my forms, I'll make sure I tuck away this bit of code for safe keeping to access for other forms in the future.

    Thanks again.

  • Profile Image

    Answered by raul on November 13, 2014 at 07:22 PM

    You're welcome.

    If you need further assistance, just let us know.
    Best Regards.