-
kikirikeyAsked 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
-
jedcadornaReplied 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"
4. Use this ID to inject in your custom CSS settingsSample code:
#input_22_1001_price{
font-size: 12px;
} -
kikirikeyReplied on April 4, 2014 at 12:33 PM
Thnaks, i'll see if i manage to do it
-
kikirikeyReplied 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 LeadReplied 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:
Hope this helps!
-
Elton Support Team LeadReplied 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;
}
-
kikirikeyReplied on April 8, 2014 at 10:10 AMThanks, i will try now
2014-04-07 15:57 GMT+02:00 JotForm Support Forum :
...