How to change background colour for Email Notification?

Hi, I’m editing my emails notification regarding “order confirmation”, “Item in the cart” etc..

Was easy to add Logo and do some modification but HOW DO YOU CHANGE THE WHITE BACKGROUND COLOR?

I really cannot find a solution for this.

Thank you if someone can help me with this.

1 Like

@Rozzy

Sorry you are facing this issue, it would be my pleasure to help you.

Welcome to the Shopify community! :blush:
Thanks for your good question.

please share email code so i will update

Hi Ketan

Thank you for your reply and the welcome me in.

What does it mean “share the email code” I have no idea..

1 Like

@Rozzy

oh sorry i have put the wrong text

i mean please share store url so i will check and update you

How can you check the background of my customers notification email just looking the website?

By the way is not online yet so is protected by password.

I just need to know which HTML/LIQUID code I need to change the background colour for the email notification such same “order confirmation” and how to put it in.

Thank you

1 Like

@Rozzy

yes please add body color for example add this code email notification code

body {
    background: red;
}
1 Like

Thank you, I will try it.

If the colour code is the name of the colour where I can find a table with all the colours? I need a water green ahahah

Thanks

1 Like

@Rozzy

yes, please change color as you like

1 Like

Hello!

I have the same issue, and thanks to your explanation I managed to edit the code and got the background changed to the color I wanted (#efe7dd).

The problem is that even though it shows perfectly fine in the preview, when I send a test email, still comes up as white.

Can you help? Do I need to start a new thread? I don’t mean to hijack this thread, sorry!

www.myecoveganshop.com

1 Like

Me too, I don’t know where to put the code.

If I put it on the top of the notification page code just appear as a text.

1 Like

@MiriamRM @Rozzy

test email preview doesn’t work properly can you please real test order and check

1 Like

Ok I will try it, but just to confirm the code need to go complete as it is just on the top of all the code right?

Thank you for you patience.

I sent the email with the code on the top, and the code where the HTML start and both didn’t work…

The code appear as a text.

@Rozzy

if possible to share screenshot and code so i will proper guide

You were right, it worked when I did the test order. Thank you!

I have one more question for you (sorry!). If I want to separate paragraphs in the main message, how do I do that? Right now, it just says all in one paragraph, but I would like to separate 2 or 3.

Thanks a lot!

Miriam

1 Like

@MiriamRM

Thanks

yes please use p tag and add more text

1 Like

sure

Miriam can you please screenshot where did you put the code, I’m happy you did it but I still have the issue lol

1 Like

@Rozzy

yes, please share code so i will check and update

Hi!

To be honest, it worked when I did the test purchase, but once I had a real
purchase yesterday it went back to white!! Let me figure it out and I will
paste the code here for you

1 Like