Customizing the source code and table properties of the email content

  • hazelthomas
    Asked on April 1, 2025 at 9:17 AM

    Hello good morning


    Could you please let me know how I can change the color of this line to a gray color instead please

    Customizing the source code and table properties of the email content Image 1 Screenshot 20

    thanks in advance

  • hazelthomas
    Replied on April 1, 2025 at 9:31 AM

    I also did change the width & height of the table and cell but it didn't work. Could you please let me know what will be the proper measure so the information is presented better in the email as currently I see a lot of space on the side and in some lines too much room between lines. thanks in advance

    Customizing the source code and table properties of the email content Image 1 Screenshot 20

  • Jan JotForm Support
    Replied on April 1, 2025 at 12:55 PM

    Hi hazelthomas,

    Thanks for reaching out to Jotform Support. You can change the color of that element by going to the source code of the email content. Let me show you how:

    1. In Form Builder, click Settings at the top and then go to the Emails section. Select the email alert by hovering your mouse and then click the Pencil button.

    Customizing the source code and table properties of the email content Image 1 Screenshot 60

    2. In the Email tab, click the Source Code button in the Email Content toolbar.

    Customizing the source code and table properties of the email content Image 2 Screenshot 71

    3. In the Source Code window, look for the following code line and replace the bgcolor HTML attribute with your preferred color.

    <td style="line-height: 0; font-size: 0; border-radius: 4px 4px 0 0;" bgcolor="yellow" height="8">&nbsp;</td>

    Customizing the source code and table properties of the email content Image 3 Screenshot 82

    4. Press the Ok button when you're done.

    If you want to adjust the width of the table, you can do it in the Table Properties. Let me walk you through it:

    1. In the Email Content, click the main table located at the top left of the email content. After that, click the Table Properties icon at the bottom.

    Customizing the source code and table properties of the email content Image 4 Screenshot 93

    2. In the Table Properties, adjust the width and the style width to your preferred size. For example, you can try 1500 or 100%.

    Customizing the source code and table properties of the email content Image 5 Screenshot 104

    Give it a try and let us know how it goes.

Your Answer