I would like to change the font size for my form in my website

  • Profile Image
    BarbaraWhite
    Asked on March 01, 2014 at 11:27 AM

    How do I change the font size for my form link on my website?  

  • Profile Image
    Welvin
    Answered on March 01, 2014 at 02:30 PM

    Hi,

    Let us know the webpage URL to where the form link is placed so we can check and give you the correct codes to change its size.

    Thanks

  • Profile Image
    BarbaraWhite
    Answered on March 01, 2014 at 02:40 PM
    Hi,
    The URL for the page is http://www.luvurpetsmd.com/Download-Documents.html.
    Thank you!
    ...
  • Profile Image
    BDAVID
    Answered on March 01, 2014 at 05:55 PM

    Hi, if you want to change the font size of  the link to your form, you will need to modify the CSS file of your webpage: 

    a{

    font-size: 40px;

    }

    If you need to change the Font Size in your form, once you log in into your account, click on Form Style, and click on Font Size.

    Hope this helps you, let us know if you have another question.

  • Profile Image
    BarbaraWhite
    Answered on March 02, 2014 at 12:10 PM
    Help I don't know how to get to my css file and where do I put the code
    ...
  • Profile Image
    Cesar
    Answered on March 02, 2014 at 12:49 PM

    Kindly follow these steps to inject the CSS code.

    On the Form Builder go to the Setup & Embed Section on the top toolbar, then click on Preferences | then move on to the Form Styles tab | and paste your CSS code on the Inject Custom CSS field.

    https://shots.jotform.com/cesar/screens/injectCss.jpg

    Do let us know if you need further assistance. Thank you.

     

    Related Article:

    How-to-Inject-Custom-CSS-Codes

  • Profile Image
    BarbaraWhite
    Answered on March 02, 2014 at 01:30 PM
    Sorry to be so thick. I am not a programmer :( . I am using a popup box.
    Do I copy the entire popup code into the inject code area or just the *a{*
    *font-size: 40px;*
    *}? I tried to put just the one line of code but it doesn't pick it up in
    the pop up code. Also if I do copy the entire code where in the code do I
    put it. I want to avoid syntax problems.*
    ...
  • Profile Image
    BDAVID
    Answered on March 02, 2014 at 03:42 PM

    Hi, ignore the first CSS code I provided you, you need to add this CSS code:

    #element75.a{

    font-size: 40px;

    }

     On regards of injecting the code, this needs to be added in your CSS file, which is there:

    http://www.luvurpetsmd.com/~master/master_css.css

    You use your  FTP credentials to upload your site, so you need to find that css file, and add the code there.

  • Profile Image
    pinoytech
    Answered on March 02, 2014 at 05:31 PM

    Hi,

    Incase custom css provided by my colleague is not working, can you please try to re-embed your form code into your website using this code.

    <a target="_blank" href="javascript:void( window.open('http://www.jotform.us/form/40408323895154', 'blank','scrollbars=yes,toolbar=no,width=700,height=500'))"><font size="6">Customer Contract</font></a>

    Here's how it looks after:

    Thanks,

  • Profile Image
    BarbaraWhite
    Answered on March 02, 2014 at 06:00 PM
    Thank you all for your help especially *pinoytech. It worked! I really
    appreciate your help.*
    *Barb*
    ...
  • Profile Image
    pinoytech
    Answered on March 02, 2014 at 06:58 PM

    It's my pleasure Barbara! If you need further assistance, please feel free to contact us again at anytime.

    Have a nice day!