How to change the background color of email notifications?

[LCampaignolle]

Hi there,

I have been trying to change the background color of some email notifications on Shopify without success. And all of the solutions that I found in Shopify do not work (the color is there on preview but disappears when you receive the actual email).

Would anyone know a code that I can use to customize the emails notifications background color? That would be helpful as there are 3/4 emails I would like to change the color of.

Thank you,

Laura

[DavidEKim]

Hi,

To change the background color of the email template, please follow the steps below.

1. Go to Admin > Settings > Notifications

2. Select & Click the template your want to edit

3. After you click and enter to the template, please click “Edit code” at top right.

4. In the email template code, please add the code inside of tag.

.body {background: #d0fff5;}

5. Change the color hex code to fit your needs.

6. Save the change.

7. Click “Preview” at top right.

The email will be shown as below.

You will see the change and the email will be the same as the preview.

If you have any other questions, please let me know.

Hope it helps.

Thanks.

[LCampaignolle]

Thanks David These instructions were amazing! I appreciate the help and effort you put into this.

[Mansory]

hello David, i have successfully changed the background color and the accent color. When I check the email notification preview everything is working as I customized, but when I send the test email, the email arrives without any customized color, just as the standard Shopify customized one !!! do you please have an idea how to fix this issue ???

[DavidEKim]

Hi,

If the css style tags are not working, you may apply the style tag directly in the email content. For the background color, you can add the style tag in the first table to make the whole page background change.

The results of the changes in the preview and actual email content as below.

Hope it helps.