Html block css style

  • Profile Image
    ereferenti
    Asked 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

  • Profile Image
    BDAVID
    Answered 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
    ereferenti
    Answered 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
    Chriistian
    Answered 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.