Forms: How to change email autoresponder header line break color?

  • Sommer_Oliver
    Asked on August 7, 2025 at 7:24 PM
    Also, where do I go to change the orange bar that sits above the submitters response answers. I changed it to Grey/black when I was playing around with the colours but not sure which one I changed? Thanks.
  • Jonathan JotForm Support
    Replied on August 7, 2025 at 7:40 PM

    Hi Oliver,

    Could you confirm that the orange bar you're referring to here is the red orange bar in the form email template? See the screenshot below for reference:

    Forms: How to change email autoresponder header line break color?  Image 1 Screenshot 40

    If this is not it, could you take a screenshot of what you're referring to? That'll help us understand better what’s going on. Let me show you how to post a screenshot to our Help Center:

    1. On the Help Center page, scroll down to the Your Answer section and click on the Image icon.

    2. Drag and drop your image into the Upload box, or click on it and select your file.

    3. Then, click on the Add button in the bottom-right corner of the window.

    Forms: How to change email autoresponder header line break color?  Image 2 Screenshot 51

    4. To resize it, click on your screenshot and then click on one of the boxes in the corners, and drag it inward.

    5. Once you're finished, click on the Post Answer button at the bottom right of the Your Answer section.

    Forms: How to change email autoresponder header line break color?  Image 3 Screenshot 62

    That's it. Once we hear back from you, we'll be able to help you with this.

  • Sommer_Oliver
    Replied on August 8, 2025 at 10:13 AM

    Yes, that is the bar I am referring to.

  • Myla JotForm Support
    Replied on August 8, 2025 at 10:49 AM

    Hello Oliver,

    You can change the header line color from the Autoresponder Email Source Code. Let me show you how:

    1. Open your Autoresponder Email by clicking on the Pencil icon to edit. 
    2. In the Email Content toolbar, click on the Source Code icon
    3. Choose the area you want to edit in the source code and make changes. For the header line, the source code is the Line Height. You just need t replace the color hex code for the color you want to replace.
    4. click on OK to save the changes, and then click on Save
    <td style="line-height: 0; font-size: 0; border-radius: 4px 4px 0 0;" colspan="3" bgcolor="#F3F3FE" height="8">&nbsp;</td>

    Forms: How to change email autoresponder header line break color?  Image 1 Screenshot 20

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

Your Reply