Help text size

  • christhatcher
    Asked on August 3, 2015 at 4:18 AM

    Hello, the help text below the form fields is displaying very small compared with the form builder's display.

     

    (Mac Safari, Chrome) 

    Jotform Thread 626548 Screenshot
  • Charlie
    Replied on August 3, 2015 at 9:50 AM

    Hi,

    May I know what help text you are referring? Is it the "hint" example inside the input text like the Email field? Or are you referring to the sub labels found below the text input fields?

    Help text size Image 1 Screenshot 30

    If you want to change the styling like the size or color of the place holder of the text input (hint example). You could try this custom CSS code (make sure to change the font-size value):

    ::-webkit-input-placeholder {

        font-size : 32px !important;

    }

    :-moz-placeholder {

        /* Firefox 18- */

       font-size : 32px !important;

    }

    ::-moz-placeholder {

        /* Firefox 19+ */

       font-size : 32px !important;

    }

    :-ms-input-placeholder {

        font-size : 32px !important;

    }

    Paste the custom CSS code under the CSS tab in your form Designer Tool.

    Help text size Image 2 Screenshot 41

    Save the changes and see how the form looks like in your end.

    We'll wait for your respond.

  • christhatcher
    Replied on August 4, 2015 at 12:51 PM

    I'm referring to the sub labels. The previous screenshot showed how the form looks inside Jotform. The screenshot below shows how the sub labels are shrinking on Mac Chrome and Safari.Help text size Image 1 Screenshot 20.

  • Charlie
    Replied on August 4, 2015 at 1:18 PM

    That's odd, I'm viewing your website and the sub labels are showing the normal size.

    Help text size Image 1 Screenshot 20

     

    It's possible that your websites CSS styling is conflicting with the form's, which causes the sub labels to shrink.

    Have you tried embedding the form using the iFrame embed code? That should prevent any code conflict with your form and the website.

    Let us know if that works.