Jotform CSS - I need CSS for text sub-label and hover-text

  • Profile Image
    Asked on July 22, 2011 at 02:27 AM

    Hi Great Support guys,
    What is the Css style code for sub-label? I need to change the font-size of the sub-label?

    In addition, the location of the hover-text window is problematic when you set your form to be RTL and alight it to right - The tiny window hide the input area. What is the style code of the hover-text and how can I change the location of the hover-text window (maybe "alight:left"?!")


    s I write before, I believe that Complete CSS list for Jotform elements will be very helpful.

  • Profile Image
    Answered on July 22, 2011 at 03:06 AM

    Hi idanfactor, 

    Thank you for using JotForm.

    You can change that sub-label by going to Setup & Embed > Preferences > Form Styles > Inject Custom CSS.

    Add this piece of CSS code for the font-size of sub-label:

    .form-sub-label {
    color: #999999;
    font-size: 12px;

    You may also change the color of the sub header by changing #999999 to any color you like. 

    While for the alignment of you hover-text, this CSS code snippet should work:

    .form-description {
        right: 200px;


    Increase the value to make the hover text closer to the form fields. 


    JotForm already has this feature where you can secure your form's CSS code, and you can find it in your form's full source code.

    However, as the source code might be too long to read, I suggest you use Firebug, Mozilla add-on Web Developer or any other similar tools as these will help you identify class names and defined styles. Hope this helps.

    If you any questions please feel free to contact us.


    Albert   JotForm Support