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

    Why is font ignoring CSS for forms? And some other problems.

    Asked by jackdt8 on July 14, 2011 at 10:25 PM

    So I'm editing a website for a company which wanted to add PayPal.

    I created an order form across multiple columns so they would line up with each menu item, however after doing so:

    1: Text for the last 3 items (including the delivery button) all default to font size 9.

    2: The provided style.css only affects the first menu item.

    3: The drop down boxes for the last 3 menu items don't open when clicked, only when you hold the mouse down. They still work though.

    4: I can't line up the 4 menu items for some reason, the last 3 are slightly off from the first (original.)


    I changed the .css font to 9 so they all are uniform, but I'd like them all to be 10-12.


    I've been wracking my brain with these tiny things and can't figure it out.


    Any help would be greatly appreciated. 

    Here is the URL: http://www.enfinityfood.com/recoveryroad.php

    Thank you,

  • Profile Image

    Answered by brx250 on July 15, 2011 at 02:49 AM

    Hi jackdt8,

    Thank you for using JotForm.

    Any external CSS files will not affect your form. JotForm has its own CSS configurations embedded in them. If you would like to look into this, I've attached a guide. Hope this helps.

    You can basically add CSS code from the Preferences button on the formbuilder. For example, you can use this to change the height of a particular spacing or fonts on the form.Here is an example screenshot for the Inject Custom CSS feature.  Just click Preferences in the Form Builder and then select Form Styles.

    If you have any other concerns, please feel free to contact us.

    Albert | JotFrom Support