How to change color and size to input box

  • shamydagansina
    Asked on June 26, 2021 at 4:37 PM

    I want to make bigger font size like 20 inches and color maroon to my smart pdf form in only one textbox. What css code I can use for this?


    Thanks

    Jotform Thread 3184581 Screenshot
  • Carlos_C
    Replied on June 27, 2021 at 4:09 AM

    Hello There

    please inject the following custom CSS code:

    .form-sub-label { font-size: 14px; }

    Please follow the steps here https://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes.

  • shamydagansina
    Replied on June 27, 2021 at 6:06 AM

    1624788268 60d84d2c37c9f Screen Shot 202 Screenshot 101624788268 60d84d2c3f2c4 Screen Shot 202 Screenshot 21


    Not working sir. I want to make it font size 22. but when I check sa pdf preview it is still small size. only 1 textbox. #input_2 (css for full name)

  • Mike_G JotForm Support
    Replied on June 27, 2021 at 3:53 PM

    We would like to apologize for any inconvenience. You can inject the custom CSS codes below to meet your requirements.

    #input_2 {
        font-size: 22px;
        color: maroon;
    }

    However, please know that this only applies to the online form itself.

    1624822555 60d8d31b1de97 zt210627 153459 Screenshot 10

    And if you want to update the color and size of the text from the "Full name" field on your form on the Original PDF form, I'm afraid that the only option is through its Orignal PDF settings and it does not apply to specific field entry only but to all field entries

    1624822676 60d8d39480949 zt210627 153238 Screenshot 21

    If you really want to generate a customized PDF copy of your form submission, I would suggest that you check this guide — How-to-customize-PDF-submissions-report

    Feel free to let us know if you need any further assistance.

  • shamydagansina
    Replied on June 28, 2021 at 2:05 PM

    Thank you. I tried to add the css code and check for it, still not working. I'm using original pdf form. tried some code but nothing happen

  • Mike_G JotForm Support
    Replied on June 28, 2021 at 5:52 PM

    I have checked your form and it appears that you have injected the custom CSS codes I have provided and changes were applied as expected.

    1624917162 60da44aab0fcb zt210628 175131 Screenshot 10

    Feel free to let us know if you need any further assistance.

  • shamydagansina
    Replied on June 29, 2021 at 7:20 AM

    1624965560 60db01b8b23dc Screen Shot 202 Screenshot 10

    Yes, it change but when I check the pdf form. nothing change sir.


    1624965597 60db01dd0a166 Screen Shot 202 Screenshot 21

  • Mike_G JotForm Support
    Replied on June 29, 2021 at 9:19 AM

    You can change the color of the field entries on the original PDF form when you go to the PDF Editor page of your form.

    https://www.jotform.com/pdf-editor/211764526061048

    And then, you can go to the Original PDF Settings and change the Text Style of the original PDF.

    1624822676 60d8d39480949 zt210627 153238 Screenshot 10

    However, please note that this will also change all the other text in the original PDF Form.

  • shamydagansina
    Replied on June 29, 2021 at 10:21 AM

    1624976319 60db2bbfcd700 Screen Shot 202 Screenshot 10

    All font change. I only want to make big size the one that I rounded.

    Thank you

  • igorbojczuk
    Replied on June 29, 2021 at 2:52 PM

    Hi,
    Please click the little cog icon near your text field, and then change the font size:
    1624992675 60db6ba370eca  Screenshot 10

    1624992698 60db6bba65acf  Screenshot 21

    I hope this helps,
    Best,
    Igor

  • shamydagansina
    Replied on June 30, 2021 at 6:29 AM

    it is field entries that I wanted to change if it is possible. Maybe I should change my pdf form so it could be work. Thank you so much for helping me.

  • Vick_W Jotform Support
    Replied on June 30, 2021 at 7:58 AM

    Hi there

    I believe the issue is now resolved. We are closing this ticket. If you need assistance with anything else then you are welcome to open a new ticket.

    Thanks