Html block css style

  • ereferenti
    Asked on May 18, 2016 at 3: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

  • David JotForm Support Manager
    Replied on May 18, 2016 at 5: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:

    Html block css style Image 1 Screenshot 20

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

  • ereferenti
    Replied on May 19, 2016 at 2: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

  • Chriistian Jotform Support
    Replied on May 19, 2016 at 4: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.