-
BBC2016Asked on March 16, 2016 at 4:11 PM
I changed the text font size and type on both the payment description under payment title and also on the biling credit card section (name/first/last/card# and etc) but it doesn't appear that they match??
The product description text and the biling box types (name/exp and etc) should be the same....what did I do wrong?
-
BJoannaReplied on March 16, 2016 at 4:48 PM
I have cloned and inspected your form and I saw that you have 2 CSS errors.
I have fixed them on my cloned form. Here is my cloned form: https://form.jotform.com/60756048441961
If some of CSS codes that you added are not applied, you can add !important rule to your CSS code to, see if that will resolve your issue.
Hope this will help. Let us know if you need further assistance.
-
BBC2016Replied on March 17, 2016 at 5:00 PM
can u look again at my form entitled: formID=60760825371153 the text on the form preview on jot form looks the same but on my site the top and bottom sections fdo not look like the same font/size/color. can u look at it again? and help me? they need to match identical. http://buildingbridgescoalition.org/rsvpcontribution/
-
BJoannaReplied on March 17, 2016 at 5:26 PM
Dose text color looks differently when you preview your form and on live form?
To fix this issue add !important rule to CSS code for color of your text. Add !important after color code.
Here is my cloned form: https://form.jotform.com/60766320416957
Feel free to clone it.
Hope this will help. let us know if you need further assistance.
-
BBC2016Replied on March 17, 2016 at 5:29 PM
yes it looks differnce once its on my site.
see attached - sorry i cut off part of it. the font/size is a little different.
http://buildingbridgescoalition.org/rsvpcontribution/
-
David JotForm Support ManagerReplied on March 17, 2016 at 5:45 PM
The font-size for the sub-label product is 12px, while the one for the credit card details is 13px, try injecting the following CSS code as explained on this guide: http://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes
.form-product-name i {
font-size: 12px !important;
}
Let us know if you need more help.