How to ouline texts in a paragraph?

  • NAHN
    Asked on March 26, 2024 at 7:55 PM

    I created a registration form for a nursing event to be held on May 9, 2024. We have sponsors for the nursing event. I am displaying the sponsor logos on the registration form. The logos are in a paragraph. Is it possible to outline the words "Thank You GOLD Sponsors" and "Thank you SILVER Sponsors" in black so the words stand out more? Right now, I feel like the words are getting lost. I want to outline the words in black, if possible, with color in the middle so they stand out more. Is there source code to make that possible? Thank you.

    How to ouline texts in a paragraph? Image 1 Screenshot 30

    How to ouline texts in a paragraph? Image 2 Screenshot 41

  • Raymond JotForm Support
    Replied on March 26, 2024 at 10:19 PM

    Hi Esther,

    Thanks for reaching out to Jotform Support. With the Paragraph field, there are tools you can use to customize texts which can be found on the toolbar. For example below:

    How to ouline texts in a paragraph? Image 1 Screenshot 20

    If tools can't meet what you need, could you share with us a bit more details on what changes you'd like to have? Sharing with us an example of how you'd like it to look will help us understand what you need better and provide a solution.

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

  • NAHN
    Replied on March 27, 2024 at 11:46 AM

    Yes, I am aware that within the paragraph field there are tools I can use to customize text within the paragraph, but I want to take it a step further. Following is an example of what I would like to accomplish with outlining the Thank You GOLD Sponsors and Thank You SILVER Sponsors in black color so the wording stands out a little bit more. Is this possible?

    How to ouline texts in a paragraph? Image 1 Screenshot 30

    How to ouline texts in a paragraph? Image 2 Screenshot 41


  • Mikhail JotForm Support
    Replied on March 27, 2024 at 12:17 PM

    Hi Esther,

    Thanks for getting back to us. Adding text outline is possible by editing the Paragraph's source code. Let me show you how it's done:

    1. Open your form in Form Builder
    2. On your Paragraph Element, click the Pencil Icon to edit the Paragraph.
    3. On the toolbar, click the Source Code icon. How to ouline texts in a paragraph? Image 1 Screenshot 40
    4. On the text's style area, paste the code below and finally, click Ok, then Save:
    -webkit-text-stroke: 2px black;


    How to ouline texts in a paragraph? Image 2 Screenshot 51

    This is how it looks like after adding the code:

    How to ouline texts in a paragraph? Image 3 Screenshot 62

    Give it a try and let us know if you have any other questions.

  • NAHN
    Replied on March 27, 2024 at 12:33 PM

    THANK YOU!! That worked! That's what I wanted. Much appreciated.