How to Italicize or bold the separate section of the text

  • Profile Image
    thecollegechurch
    Asked on February 15, 2018 at 03: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
  • Profile Image
    Richie_P
    Answered on February 15, 2018 at 03:23 PM

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


    Thank you.


  • Profile Image
    thecollegechurch
    Answered on February 15, 2018 at 03: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

  • Profile Image
    Richie_P
    Answered on February 15, 2018 at 03: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.

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

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

    Here is a sample screenshot.


  • Profile Image
    thecollegechurch
    Answered on February 15, 2018 at 03: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.JPG

    1518727536jot form preview.JPG

  • Profile Image
    Richie_P
    Answered on February 15, 2018 at 05:10 PM

    We can add custom css codes to fix this issue.

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


    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.

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