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

    How to properly add custom CSS code to our forms?

    Asked by NickDann on April 21, 2015 at 11:47 AM

    Hi, I'm creating a form 750px wide and I also want bg of it transparent. http://www.jotform.com/?formID=51104336751346# I got some css to inject to make bg transparent and this works fine but when I inject it the rest of the styling goes wrong back to default, so question is where do I inject css and keep the styles I've specified?

    I also need to make heading text different colour to match rest of text so that when its on dark bg it stands out,
    also
    how do I move radio buttons they keep appearing below the question I want them in line with the question?

     

    thanks

    JotForm radio buttons inject CSS heading custom CSS
  • Profile Image

    Answered by Ben on April 21, 2015 at 12:57 PM

    The best way to add some custom CSS code to your jotform would be to add it to the custom CSS property as shown here: Inject Custom CSS Codes

    When adding it is important however to add it at the bottom of the code so that it gets the most importance.

    In regards to your other questions, I have moved them to new threads here: http://www.jotform.com/answers/556364 for label text color and here: http://www.jotform.com/answers/556367 for label alignment and we will be answering both shortly.