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

  • AA_C
    Asked on July 8, 2016 at 1:31 PM

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

  • Kiran Support Team Lead
    Replied on July 8, 2016 at 1: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;

    }

    How to change the font size on the form description?  RESOLVED Image 1 Screenshot 20

    Hope this information helps!

  • AA_C
    Replied on July 8, 2016 at 1: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

  • Nik_C
    Replied on July 8, 2016 at 2: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.

     

     

  • AA_C
    Replied on July 8, 2016 at 3: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