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 change font color and make the product Total larger?

    Asked by sreken on April 15, 2014 at 07:58 PM

    At last I have my Product Order Form working including the Paypal intergration,
    and that works ok as well.

    OK I did try to change the look of form but all went wrong on the display for some
    reason. What I did was to Change the font colour to white, but everything went
    out of proportion, I managed to get everything back as it is now.
    Here is what I want: Font in white. Remove the Products heading. Make the
    Running Total figure larger. can you help me please.

    you can access this page by clicking on shop on the home page.

    thankyou

    Page URL:
    http://www.impactpaints.co.uk

    order form heading font product
  • Profile Image
    JotForm Support

    Answered by ashwin_d on April 16, 2014 at 03:56 AM

    Hello sreken,

    Please take a look at the following cloned form and see if this is what you want to achieve:  http://form.jotformpro.com/form/41051638237956?

    To achieve this, please inject the following custom css in your form:

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

    color: white !important;

    }

    #label_7{display:none;}

    .form-payment-total{font-size: x-large;}

    The following guide should help you inject this custom css in your form:  http://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes

    Hope this helps.

    Do get back to us if you have any questions.

    Thank you!