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

  • Profile Image
    c3rb
    Asked 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 ;)

  • Profile Image
    EduardoMendez
    Answered 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
    c3rb
    Answered 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
    idarktech
    Answered 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
    c3rb
    Answered 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
    pinoytech
    Answered 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
    c3rb
    Answered 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
    Welvin
    Answered 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
    c3rb
    Answered on January 25, 2013 at 05:32 AM

    Thnx, everything perfect!