Is it posible to minorly edit the styling of an email notification?

  • Profile Image
    Asked on March 15, 2011 at 06:33 PM

    Heyi jotform,

    Thanks so much for this form service! It's such a help!

    Quick question:

    A client is asking that more space be made between two feilds of content in the submitted email notifications. (It sounds like they have trouble seeing the color background change on every other field.

    Is this something I can customize? I would like to add space between the two feilds as he requested or make the background more prominent so they can see the difference.




  • Profile Image
    Answered on March 15, 2011 at 07:10 PM

    Yes, notification email is customizable.

    1. Click on "Setup and Share" tab,
    2. Click on "Email Alerts",
    3. Select "Notification",
    4. Edit the email as you wish using the WYSIWYG editor.
    5. Click Finish to save or Test Email to test.
  • Profile Image
    Answered on March 15, 2011 at 07:44 PM

    Hi benmacadam

    I myself find that the gray (specifically, #f9f9f9) does not contrast enough with the white. However, it can indeed be changed. Load your form in the form builder and while on the "Setup & Embed" tab, click "Email Alerts" in the toolbar, then select the notification or autoresponder on which you wish to modify the alternate background colors. On the "Compose Email" screen, click the "HTML" toolbar button and when the HTML Source Editor displays the source, find each instance of #f9f9f9 and change it to the color of your choice. When you're done, click "Update" and "Finish" and save your changes. 

    Tip: It may be more convenient to copy the code into an your own HTML editor (like Notepad++, for instance) and perform a "find an replace" on f9f9f9. Then when you're through, copy and paste the edited code back into the Compose Email's source editor.

    Navigation Summary:

    My Forms > Using the up and down arrow keys, select the form > Edit > Email Alerts > Notification or Auto Responder > HTML button > change #f9f9f9 > Finish > Save

    As far as the spacing is concerned, I haven't tried adjusting that as yet but I'm sure that can be changed too.