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

    Font sizes are not showing correctly when I preview my form

    Asked by Jon_Best on April 26, 2015 at 03:08 AM

    When I preview my form, it looks like this (full size):

    (Note that .form-header font size and .form-label background show up incorrectly)

     

    However, non-preview mode show them correctly (full size):

     

    It sort of defeats the purpose of having a preview mode when it doesn't display properly.

    <div_prefs id="div_prefs">

    preview content correctly size label height font size
  • Profile Image

    Answered by raul on April 26, 2015 at 11:59 AM

    It seems like you were able to fix this by yourself, since when I checked your form the font size looked correctly on my side.

    Do you still need our help?

    Please let us know if this is the case.

  • Profile Image

    Answered by Jon_Best on April 26, 2015 at 08:44 PM

    After being reminded about how important it is sometimes to add "!important", I have most of the problems straightened out.  However, I have a .jotform-form border-bottom that shows up correctly on designer or when accessing the contact form via static page on Blogger (the 10px white line at the bottom) but not when accessing the contact form via feedback button.

    Furthermore, there's a huge black margin below the 10px white line on the static page that matches whatever color I set for Designer > Color Scheme > Background that doesn't show up in designer.  I'm fairly sure is caused by the form being set to a particular height and compensating for my reducing vertical padding and margin values.

     

    Thanks for your help so far.

    <div_prefs id="div_prefs">

  • Profile Image
    JotForm Support

    Answered by ashwin_d on April 27, 2015 at 01:41 AM

    Hello Jon_Best,

    Can you please let us know the web page URL where you have embedded your form via feedback button? The URL you have shared has form embedded but I am unable to see the feedback button.

    Please share the web page URL and we will take a look.

    We will wait for your response.

    Thank you!