CSS - styling the text in the Hover text window

  • Profile Image
    idanfactor
    Asked 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
    E6
    Answered 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
    mliz
    Answered 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
    idanfactor
    Answered 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