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

    Minor Changes (Sub Label Font Size, Hover Text Background)

    Asked by c3rb on January 23, 2013 at 02:55 PM

    Hello, is there a way, i can increase the size of Sub Label Font? And have it appear bigger? Also, is there a way to change popup background?

    Thnx again ;)

    Page URL:
    http://mysamurai.eu/v8/index.php/join-us-step-1

  • Profile Image
    JotForm Support

    Answered by EduardoMendez on January 23, 2013 at 03:37 PM

    Hi there, 

    You can do this injecting CSS on to your form.

    here is a guide to help you with this:

    http://www.jotform.com/help/75-Customize-your-Form-using-Custom-CSS-Codes

     

    .form-sub-label{ color:#FFCC66;}   - change color
    The following are options to change the size of the font:

     .form-sub-label{font-size: smaller;}
     .form-sub-label{font-size: larger;}
     .form-sub-label {font-size: 150%;}
     .form-sub-label {font-size: 20px;}
     .form-sub-label {font-size: xx-small;}
    .form-sub-label {font-size: x-small;}
    .form-sub-label {font-size: small;}
    .form-sub-label {font-size: medium;}
    .form-sub-label{font-size: large;}
    .form-sub-label {font-size: x-large;}
    .form-sub-label {font-size: xx-large;}
    I hope that helps!

     

  • Profile Image

    Answered by c3rb on January 23, 2013 at 07:27 PM

    Thnx. I saw you posted about change the color of form-sub-label. What i asked, is if i can change the color of the Hover Text Popup background

  • Profile Image
    JotForm Support

    Answered by idarktech on January 23, 2013 at 08:58 PM

    Hi,

    If you are referring to the highlight background, use the following code:

    .form-line-active {

    background-color:#DF01D7  !important;

    Or, if you mean the error background when fields aren't field. Use this:

    .form-line-error {

    background: #DF01D7 !important;

    color: #ffffff  !important;

    }

    Just change #DF01D7 to any HTML color you want.

    Let us know if you need anything else. Thanks!

  • Profile Image

    Answered by c3rb on January 25, 2013 at 02:22 AM

    Hello and thnx for the reply.

     

    No i mean this one:

    http://www.mysamurai.eu/example_Hover.jpg

    Change both the white background and the black text. For example to red + white

  • Profile Image

    Answered by pinoytech on January 25, 2013 at 03:37 AM

    Hi c3rd,

    I've clone your form and made some workaround on it. Can you please take a look at this clone form and see if that's what you want to achieved?

    http://www.jotformpro.com/form/30241996451960

    This is the codes I've injected into your form.

    .form-description-content

    {

    color: white;

    }

    .form-description {

    background-color: red;

    }

    If you need further assistance, do let us know.

    Thank you!

  • Profile Image

    Answered by c3rb on January 25, 2013 at 03:44 AM

    Ty yes, that's what i wanted!!

    Can i use hex colors instead of just red? So i can find the right tone.

    Also, to raise a bit the font size inside there, what code i need to add?

    Thats all and sorry if i "wasted" much of your time guys!

  • Profile Image
    JotForm Support

    Answered by Welvin on January 25, 2013 at 04:37 AM

    Hi,

    Yes, you can use hex codes for colors. Example: #CC0000

    For the font size, inject this codes to your form:

    .form-description-content {

    font-size: 12px;

    }

    Adjust the value if needed.

    Guide: How to Inject Custom CSS Codes

     

    Thank you.

  • Profile Image

    Answered by c3rb on January 25, 2013 at 05:32 AM

    Thnx, everything perfect!