What is JotForm?
JotForm is a free online form builder which helps you create online forms without writing a single line of code. No sign-up required.

At JotForm, we want to make sure that you’re getting the online form builder help that you need. Our friendly customer support team is available 24/7.

We believe that if one user has a question, there could be more users who may have the same question. This is why many of our support forum threads are public and available to be searched and viewed. If you’d like help immediately, feel free to search for a similar question, or submit your question or concern.


  • Profile Image

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

    Asked by idanfactor 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"?!")

     


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


  • Profile Image

    Answered by brx250 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