How to Italicize or bold the separate section of the text

  • thecollegechurch
    Asked on February 15, 2018 at 3:19 PM
    I am having the same issue. I have a quote and then the question of how they agree or don't agree with the quote. I can alter it in the editing, but the formatting doesn't carry over to the preview. I can't even Italicize or bold separate section of the text
  • Richie JotForm Support
    Replied on February 15, 2018 at 3:23 PM

    May we know the Form ID of the form you are working on, so we can check it out?


    Thank you.


  • thecollegechurch
    Replied on February 15, 2018 at 3:25 PM

    Sure.

    The first question is

    “Develop and empower the next generation of leaders” I believe we are making significant progress in this area.


    https://form.jotform.com/71096322142145

  • Richie JotForm Support
    Replied on February 15, 2018 at 3:42 PM

    I checked your form and your first question is under a Text element.

    Can you please explain further how do you want to edit this line of text?

    If you want to italicize the line you can add <i> or <em>in the source code of the text.

    How to Italicize or bold the separate section of the text Image 1 Screenshot 40

    then the source code will show,insert the code <I> or <em> beside your text.

    How to Italicize or bold the separate section of the text Image 2 Screenshot 51

    If you want to bold the text you can add <b> after <em> in the source code.

    Here is a sample screenshot.

    How to Italicize or bold the separate section of the text Image 3 Screenshot 62


  • thecollegechurch
    Replied on February 15, 2018 at 3:45 PM

    Not the text box, the single answer multiple choice question. The first what I see in edit mode, the second is what I see in preview. 

    1518727497jot form edit Screenshot 10

    1518727536jot form preview Screenshot 21

  • Richie JotForm Support
    Replied on February 15, 2018 at 5:10 PM

    We can add custom css codes to fix this issue.

    First we need to delete the line after the quote."I believe...".


    How to Italicize or bold the separate section of the text Image 1 Screenshot 30

    Then we add the custom css, we just get the Field ID's and insert the css code.

    #label_19:after{
    white-space: pre;
    content:" I believe we are making significant progress in this area."; /* place the text you want to be on the next line*/
    }

    #label_21:after{
    white-space: pre;
    content:" I believe we are making significant progress in this area."; 
    }
    #label_22:after{
    white-space: pre;
    content:" I believe we are making significant progress in this area."; 
    }
    #label_23:after{
    white-space: pre;
    content:" I believe we are making significant progress in this area."; 
    }

    Here is a guide on how to insert custom css.

    -How-to-Inject-Custom-CSS-Codes

    Here is a sample output.

    How to Italicize or bold the separate section of the text Image 2 Screenshot 41

    Please let us know if we can be of further assistance.