How to modify text size in the prices ?

  • kikirikey
    Asked on April 4, 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

  • jedcadorna
    Replied on April 4, 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"

    How to modify text size in the prices ? Image 1 Screenshot 20


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

    Sample code:

    #input_22_1001_price{
    font-size: 12px;
    }

  • kikirikey
    Replied on April 4, 2014 at 12:33 PM

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

  • kikirikey
    Replied on April 7, 2014 at 7: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

     

  • Elton Support Team Lead
    Replied on April 7, 2014 at 9: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:

    How to modify text size in the prices ? Image 1 Screenshot 20

    Hope this helps!

  • Elton Support Team Lead
    Replied on April 7, 2014 at 9: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;

    }

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