How to change color and size to input box

  • Profile Image
    shamydagansina
    Asked on June 26, 2021 at 04: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

  • Profile Image
    Carlos_C
    Answered on June 27, 2021 at 04: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.

  • Profile Image
    shamydagansina
    Answered on June 27, 2021 at 06:06 AM

    1624788268_60d84d2c37c9f_Screen Shot 2021624788268_60d84d2c3f2c4_Screen Shot 202


    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)

  • Profile Image
    Mike_G
    Answered on June 27, 2021 at 03: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

    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

    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.

  • Profile Image
    shamydagansina
    Answered on June 28, 2021 at 02: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

  • Profile Image
    Mike_G
    Answered on June 28, 2021 at 05: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

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

  • Profile Image
    shamydagansina
    Answered on June 29, 2021 at 07:20 AM

    1624965560_60db01b8b23dc_Screen Shot 202

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


    1624965597_60db01dd0a166_Screen Shot 202

  • Profile Image
    Mike_G
    Answered on June 29, 2021 at 09: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

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

  • Profile Image
    shamydagansina
    Answered on June 29, 2021 at 10:21 AM

    1624976319_60db2bbfcd700_Screen Shot 202

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

    Thank you

  • Profile Image
    Igor_B
    Answered on June 29, 2021 at 02:52 PM

    Hi,
    Please click the little cog icon near your text field, and then change the font size:
    1624992675_60db6ba370eca_

    1624992698_60db6bba65acf_

    I hope this helps,
    Best,
    Igor

  • Profile Image
    shamydagansina
    Answered on June 30, 2021 at 06: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.

  • Profile Image
    Vick_W
    Answered on June 30, 2021 at 07: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