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

    Html block css style

    Asked by ereferenti on May 18, 2016 at 03:55 PM

    Hello,

    i have this code:

    <li id="id_100" class="form-line" data-type="control_text">

    <div id="cid_100" class="form-input-wide">

    <div id="text_100" class="form-html">
    <p style="text-align:left;margin:0px;">
    <span style="font-family:arial, helvetica, sans-serif;font-size:14px;">
    </p>
    </div>
    </div>
    </li>

     

     

    I need to change font-size to 10px.

    In css code i have this text:

    #text_100 .form-html p[style] span[style] {
        font-size : 10px !important;
    }

     

    Thanks.

     

    Peter

    style block size font css code
  • Profile Image
    JotForm Support

    Answered by BDAVID on May 18, 2016 at 05:52 PM

    If you want to change the font-size for that Text field, simply go into the edit mode of your form, select the field and click on "Edit HTML", there you can select the text and change the font-size:

    Let us know if you need more help, we will be glad to assist you.

  • Profile Image

    Answered by ereferenti on May 19, 2016 at 02:50 AM

    Thank you for answer. I want to edit design for different devices. For cell phones font 10 px, tablet 12px, pc 14 px.

    It´s possible?

    Peter

  • Profile Image
    JotForm Support

    Answered by Chriistian on May 19, 2016 at 04:54 AM

    Yes, that is possible. Simply inject the custom css below to set the font-size of the form to different sizes depending on the device.

    #text_100 p span { /*pc*/

        font-size: 14px!important;

    }

    @media only screen and (max-device-width: 768px){ /*tablet*/

      #text_100 p span { 

        font-size: 12px!important;

    }

    }

    @media only screen and (max-device-width: 500px){ /*mobile*/

      #text_100 p span { 

        font-size: 10px!important;

    }

    }

    If you need further assistance, please let us know.