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 modify text size in the prices ?

    Asked by kikirikey on April 04, 2014 at 10:09 AM

    Hi

    In tthe Services field : is there a way to modify the price text and use a bigger size font ?

    I see you can do it with most of the text, but how to do it just with the price texts.

    I have seen other jotforms that did it, i wonder how ??

     

    thanks

    Page URL:
    https://www.jotform.com//?formID=40587363734360

    size prices font thanks and
  • Profile Image

    Answered by jedcadorna on April 04, 2014 at 11:30 AM

    You can inject a custom CSS to modify the text of any field. Please follow the instruction below:

    1. Get the field ID
    2. You can use Firebug to check for field ID's 
    3. Id shown in my image is "input_22_1001_price"


    4. Use this ID to inject in your custom CSS settings 

    Sample code:

    #input_22_1001_price{
    font-size: 12px;
    }

  • Profile Image

    Answered by kikirikey on April 04, 2014 at 12:33 PM

    Thnaks, i'll see if i manage to do it

  • Profile Image

    Answered by kikirikey on April 07, 2014 at 07:37 AM

    I could did it, thanks. Now the problem is that a letter  C appears i front of the numbers and i would love to delete it.

    How can i do this ?

     

    thanks

     

  • Profile Image
    JotForm Support

    Answered by EltonCris on April 07, 2014 at 09:53 AM

    @kikirikey

    You mean the currency symbol  ? If so, inject this CSS codes to your form.

    .form-product-details b {

    font-size: 0;

    color: #FFF;

    }

    .form-product-details span {

    color: #999;

    }

    .form-product-details span:before {

    content: " ";

    }

    Result:

    Hope this helps!

  • Profile Image
    JotForm Support

    Answered by EltonCris on April 07, 2014 at 09:57 AM

    Sorry, I think you should also include this to bring back the word "EUR" after each of the price numbers. :)

    .form-product-details span:after {

    content: " EUR";

    font-size: 10px;

    }

  • Profile Image

    Answered by kikirikey on April 08, 2014 at 10:10 AM
    Thanks, i will try now
    2014-04-07 15:57 GMT+02:00 JotForm Support Forum :
    ...