How to bold the text in Short Text field?

  • UNIPOBO
    Domanda del 14 settembre 2024 alle ore 00:24


    Voglio mettere in grassetto anche l etichetta Cognome oltre che Nome come devo fare?


    How to bold the text in Short Text field? Image 1 Screenshot 30

    How to bold the text in Short Text field? Image 2 Screenshot 41

  • Angelica Jotform Support
    Risposta del 14 settembre 2024 alle ore 09:03

    Hi UNIPOBO,

    Thanks for reaching out to Jotform Support. Unfortunately, our Italian Support agents are busy helping other Jotform users at the moment. I'll try to help you in English using Google Translate, but you can reply in whichever language you feel comfortable using. Or, if you'd rather have support in Italian, let us know and we can have them do that. But, keep in mind that you'd have to wait until they're available again.

    Now going back to your question, making the Name and Surname text bold is really easy. Let me show you how:

    1. In Form Builder, click the Paint Roller icon.
    2. Go to Styles tab.
    3. Scroll down, copy the CSS codes below and paste it in the Inject Custom CSS box.
    /*Bold Text of Name and Surname - 19006513*/
    #label_190, #label_191 {
    font-weight: bold !important;
    }
    /*Ends here*/ 

    How to bold the text in Short Text field? Image 1 Screenshot 30

    Here's the result and my demo form for your reference:

    How to bold the text in Short Text field? Image 2 Screenshot 41

    We also have a guide about How to Inject Custom CSS Codes that you can check out.

    Give it a try and let us know if you need any help.

  • UNIPOBO
    Risposta del 15 settembre 2024 alle ore 03:35

    i need bold also the other labels in yellow as name and scrivi la tua mail are yet bold.



    How to bold the text in Short Text field? Image 1 Screenshot 20

  • Wilson Jotform Support
    Risposta del 15 settembre 2024 alle ore 09:00

    Hi UNIPOBO,

    You can inject this code to make the surname and the phone number bold as well.

    /*Bold Text of Last Name and Phone Number - 19006513*/
    label#label_191, label#label_145 {
    font-weight: bold !important;
    }
    /*Ends here*/ 

    Let me show you how to add custom CSS to your form:

    1. In the Form Builder, select the paint roller icon in the upper-right corner.A screenshot of Form Builder with an arrow pointing to the paint roller icon    to open Form Designer Screenshot 52 Screenshot 20 Screenshot 20 Screenshot 20 Screenshot 20 Screenshot 20
    2. In the Form Designer panel on the right, go to Styles at the top.A screenshot of Form Builder with an arrow pointing to the Styles tab in the Form Designer pane Screenshot 63 Screenshot 31 Screenshot 31 Screenshot 31 Screenshot 31 Screenshot 31
    3. Scroll down to Inject Custom CSS and enter your CSS code in the textarea — all changes are saved automatically.The Inject Custom CSS field in Jotform Form Builder Screenshot 74 Screenshot 42 Screenshot 42 Screenshot 42 Screenshot 42 Screenshot 42

    We also have a guide about How to Inject Custom CSS Codes that you can check out.

    Check out the screencast below to see my results:
    How to bold the text in Short Text field? Image 1 Screenshot 53
    Give it a try and let us know how it goes.