Font size in a text area

  • Profile Image
    BarryLenhardt
    Asked on October 03, 2012 at 06:23 PM

    How do you increase a font size within a text area without affecting the whole form page?


  • Profile Image
    Rodjit
    Answered on October 03, 2012 at 06:40 PM

    Hi,

    Inject this codes into your form;

    .form-textarea { font-size: 20px; }

    Adjust the size to your preferred size and also adjust the text area columns because it may widen the field if you make the font size bigger than the default.

    Hope this helps.

    Thanks

  • Profile Image
    Rodjit
    Answered on October 03, 2012 at 06:58 PM

    Also, if you want to just change the font size within a specific text area then below is the codes you need to inject;

    #input_17 { font-size: 30px; }

    To get your form Class and ID's; 

    1. Place your mouse on the field

    2. Right Click

    3. Click "Inspect Element" in Google Chrome

    Thanks