Make the font-size the same.

  • BBC2016
    Asked 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?

  • BJoanna
    Replied on March 16, 2016 at 4:48 PM

    I have cloned and inspected your form and I saw that you have 2 CSS errors. 

    Make the font size the same Screenshot 20

    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. 

  • BBC2016
    Replied 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/

  • BJoanna
    Replied on March 17, 2016 at 5:26 PM

    Dose text color looks differently when you preview your form and on live form?

    Make the font size the same Screenshot 40 

    Make the font size the same Screenshot 51

    To fix this issue add !important rule to CSS code for color of your text. Add !important after color code.

    Make the font size the same Screenshot 62

    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. 

  • BBC2016
    Replied 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/Make the font size the same Screenshot 20

  • David JotForm Support Manager
    Replied 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.