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

    CSS - styling the text in the Hover text window

    Asked by idanfactor on July 25, 2011 at 10:47 AM

    How can I style the description box in the CSS


    This is my current CSS code for the desciption.
    The  code is not working completly:

    .form-description

    {

    right: 300px; - Working

    font-size:14px; - Not working

    Align:right; - Not working

    }

  • Profile Image

    Answered by E6 on July 25, 2011 at 11:20 AM

    Hi idanfactor,

    I'm new to JotForm, but I just worked on the same thing for one of my forms. I think you need to edit form-description-content to change font size or color. And I found I had to change right to left for certain changes in box placement. You'll need to experiment with pixel counts that work for your specific needs, but here's an example of changes I made on one of my forms that might help. 

    .form-description {

    width: 125px !important;

    top:25px;

    left: 115px !important;

    }

    .form-description-content {

    color:#666;

    font-size: 12px;

    }

  • Profile Image
    JotForm Support

    Answered by mliz on July 25, 2011 at 12:16 PM

    Hi idanfactor,

    E6 is right the text for the description follows the css
    element .form-description-content  to format the text you will need
    to over ride this css via custom inject css.

    By default this is the properties set in the css element:

    .form-description-content
    {  color: #33333;
       font-size: 10px;
       padding: 10px;
    }

    @E6 thanks for sharing.

    It would help if you use Firebug to find out what are the elements
    associated with each field.

    Watch this to see how you can use firebug to find out ID or
    Class of any element in a page:
    http://getfirebug.com/video/Intro2FB.htm

     

    Regards,
    Mliz

  • Profile Image

    Answered by idanfactor on July 25, 2011 at 12:28 PM

    Thanks. It's working.
    Don't forget to answer my other question:

    http://www.jotform.com/answers/35565-CSS-Jotform-Hebrew-form-Checkbox-RTL-and-more