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

    The font size of the first digit in the prices of my payment items is very small

    Asked by Tomchipjf on June 17, 2017 at 09:54 AM

    The first digit on my form has a very small font

    Page URL:
    http://www.sandwichcoffeeroasters.com/order-form-4-oz.html

    Screenshot
  • Profile Image

    Answered by WilliamR on June 17, 2017 at 10:18 AM

    Can you try to add the following CSS code. (Here's how to insert CSS codehttps://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes )

    .form-payment-total b > span > span > span, .form-product-details b > span > span {
        font-size: 15px;
    }

    You can change the value of the font-size and increase if if you like. Let me know if that works for you.

  • Profile Image

    Answered by Tomchipjf on June 17, 2017 at 12:07 PM

    Thanks WilliamR, I just do not understand why it's doing this on only one of my forms... None of the other forms I have made have this issue..

     

  • Profile Image
    JotForm Support

    Answered by Welvin on June 17, 2017 at 02:03 PM

    That's the style of the font that you have selected/added for the form. Change the price of the other form to 4 (to test it), you'll see they're the same. 

    A workaround would be to change the font size of the prices. To do this, inject the following custom CSS codes to your form:

    .form-product-details {

        font-size: 15px !important;

    }

    Change 15px to your desired size. The output would be like this:

  • Profile Image

    Answered by Tomchipjf on June 17, 2017 at 02:39 PM

    I wasn't able to figure out where to put the code. But I did figure out where to change the font.

    Click "Form Designer" (top right - Paint Roller Icon)

    Click "Styles" Tab

    Scroll down to "Font"

    Select a different font from drop down menu.  (I chose ARIEL BLACK)

    Problem solved!!

    Thank You For pushing me in the right direction by saying it was the font style! 

    Tom

  • Profile Image
    JotForm Support

    Answered by Jim_R on June 17, 2017 at 05:32 PM

    Hey Tom, I'm glad you're all set. For future reference, refer to the guide I'm linking below on where to inject CSS Codes. Actually, you're almost there - Instead of going to the STYLES tab after clicking the FORM DESIGNER icon, go to the CSS tab.

    Complete guide: How-to-Inject-Custom-CSS-Codes 

  • Profile Image

    Answered by Tomchipjf on June 17, 2017 at 10:43 PM
    Got it!! Thanks!
    Tom
    www.sandwichcoffeeroasters.com
    ...