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

    Need help Tweeking Graphics

    Asked by habitatjackson on September 24, 2014 at 05:55 PM

    I am trying to find out how to put some simple colors on my form but not all or nothing.

    I know very little html.

    I have been looking at injecting ccs  links but none seem to work, so I can't figure out how to do this.

    Here is my form so far. I want to match it stylistically to our website www.tetonhabitat.org

    http://form.jotformpro.com/form/42616780544963

    Custom CSS Format style
  • Profile Image
    JotForm Support

    Answered by Welvin on September 24, 2014 at 07:27 PM

    Hi,

    We can help you customize your form. Please let us know what part of the form you'd like to put some colors and what color.

    Thank you!

  • Profile Image

    Answered by habitatjackson on September 25, 2014 at 11:08 AM

    http://tetonhabitat.org/

     

    well here is our website, I would like a band of white across the top like our website and a block of blue but with white around it.

    see our website for an example

    our blue is #005596

    our green is #548948

    the

    http://form.jotformpro.com/form/42616780544963

  • Profile Image

    Answered by jedcadorna on September 25, 2014 at 12:09 PM

    To make it simple but still follows your websites font color I just added the blue color to your font and a hover effect of green which what you have on your site. It would be simple since the background of your website is white. Just to match the font of on your site.

    Here's a sample http://form.jotformpro.com/form/42674407022954.

  • Profile Image

    Answered by pinoytech on September 25, 2014 at 12:26 PM

    Hi,

    You might like to take a look at this clone form also.

    http://www.jotformpro.com/form/42675042912958

    Here's the custom css code that I use and inject on the form.

    .form-all {

    background: #005596;

    }

    li:first-child .form-header-group {

    padding-top: 0px !important;

    padding-bottom: 0px !important;

    margin-top: 30px !important;

    background-color: #fff !important;

    }

    img.form-image {

    width: 619px !important;

    }

    .form-label-top, .form-label-left, .form-label-right {

    color: #FFF !important;

    }

    .form-sub-label {

    color: #FFF !important;

    }

    Thanks!

  • Profile Image

    Answered by habitatjackson on September 25, 2014 at 03:40 PM

    cool! that's great for now. the only other thing we dislike is when you click on a field the field changes yellow? and you can't read the white writing....can we just make those clear so they continue to be blue?

  • Profile Image
    JotForm Support

    Answered by steve on September 25, 2014 at 06:28 PM

    Hello-

    This is easy to change. First you can turn off the highlight setting as described here:

    https://www.jotform.com/answers/12070-Can-we-change-the-color-of-the-highlight-on-the-questions

    The interface has changed since then. It currently looks like this:

    Second, the required field needs an addition setting so it won't highlight. Just along with the rest of the CSS:

    .form-line-error {
        background: none;
    }

    Sample form: http://www.jotformpro.com/form/42677407331960

    I also note that you can barely see some of the text- USD, Credit Card, Billing Address:

    That can be updated here:

    Let us know if you have further questions or need more assistance.

    Thanks!