How to change the font size on the form description? RESOLVED

  • Profile Image
    AA_C
    Asked on July 08, 2016 at 01:31 PM

    I made the text bold but could not change the font SIZE or color in my css script even with !important.

  • Profile Image
    Kiran
    Answered on July 08, 2016 at 01:36 PM

    In order to change the font size of the form description, the CSS code needs to be applied to the class form-description-content. Please inject the following CSS code to your JotForm to increase the font size of the description of Total field.

    #id_38 .form-description-content {

        font-size: 13px;

    }

    Hope this information helps!

  • Profile Image
    AA_C
    Answered on July 08, 2016 at 01:42 PM

    Hi Kiran,

    This is what I have and some parts work others in yellow don't:

    #id_38 .form-description{

    display: block !important;

    left: 510px;

    border-color:#cc0000;

    background-color:#eeee99;

    font-weight:bold;

    color:#cc0000 !important;

    font-size: 16px !important;

    }

    #id_38  .form-description-arrow{

    border-color: transparent #dc0000 transparent transparent ; 

    }

    Robert

  • Profile Image
    Nik_C
    Answered on July 08, 2016 at 02:37 PM

    You will have to use the following CSS code:

    .form-description-content{

    color:#CC0000 !important;

    font-size:16px !important;

    }

    Your css used the .form-description selector and that selector can't modify text color since it is already set in the .form-description-content.

    Let us know if this worked for you.

     

     

  • Profile Image
    AA_C
    Answered on July 08, 2016 at 03:37 PM

    Dah!.... I didn't see the "content" piece I was shown... blind as a BAT I am.

     form-description-content

     

    Thanks all works just fine...now!...  as it turns out "!imporant" is not required...

    Great Help Again!

    Robert