I want to decrease the width of my sublabel text and make the sublabel font/color uniform throughout.

  • Profile Image
    cmrecker
    Asked on March 25, 2013 at 12:16 PM

    Hello! Here is the link to my form:

    http://form.jotform.us/form/30786021313142?

     

    Some of the sublabel text is gray/small and some is black/larger. I want to make all of the sublabel text black/larger.

    Also, is there a way that I can make the sublabel text span the length of the gray area only?

     

    These are the custom codes that I currently have inserted:

     

    .form-sub-label { color: black; font-size: 70%; margin-center: 50px; } .form-all { background:rgb(0, 0, 0); background:rgba(0, 0, 0, 0.2); background:transparent9; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000); -ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)"; }

     

    Thank you!

  • Profile Image
    pinoytech
    Answered on March 25, 2013 at 12:23 PM

    Hi there,

    Please replace your current custom css codes with this in order to fixed the issue.

    .form-sub-label, .form-textarea-limit-indicator {

    color: black;

    font-size: 70%;

    margin-center: 50px;

    }

    .form-all {

    background:rgb(0, 0, 0);

    background:rgba(0, 0, 0, 0.2);

    background:transparent9;

    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);

    -ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";

    }

    If you need further assistance, do let us know.

    Thank you!

  • Profile Image
    cmrecker
    Answered on March 25, 2013 at 12:28 PM

    Thank you! That fixed the color/size issue. However, the sublabel text is still going beyond the gray area.

    http://form.jotform.us/form/30786021313142?

    Is there a way to limit the width?

     

    Thanks again!

  • Profile Image
    moonzkie
    Answered on March 25, 2013 at 12:45 PM

    Hi,

    As for the sublabel, you may use the <br> code to have the rest of the texts in another line instead of having them all in one single line.

    Example:

    Estimate the number of people who could benefit from your services and potential for growth. <br>Also outline other organizations addressing the same or similar needs in the community, <br>how you work with those organizations, and what makes your approach innovative and different.

    I would suggest editing/adding the <br> code in a code editing software (ie. notepad) then paste the as the Sub Label.

    Hope this helps. Thank you.