How to change the color of the font in email notifications?

[EnnisPark]

Hi, 

I've managed to change the font of my email notifications (order confirmation, etc.), but I'd like to change the color of the font as well. How do I do that? This is what I have under <style>

 <style>
    * { font-family: 'garamond', serif; }
    .button__cell { background: {{ shop.email_accent_color }}; }
    a, a:hover, a:active, a:visited { color: {{ shop.email_accent_color }}; }
  </style>
</head>

[Ujjaval]

@EnnisPark 
you can just simply add the css in settings->notification->order confirmation

by adding css over here 

[EnnisPark]

I don’t know the CSS code to change the color. That’s my issue.

[PageFly-Victor]

Hi @EnnisPark 

You can try this code by following these steps:

Go to Online store => themes => actions => edit code  and add this code on file theme.liquid before tag </body>

<style>

a, a:hover, a:active, a:visited { 

color: red

}

</style>

Hope this answer helps.

Best regards,

Victor | PageFly

[blacksoul666]

I managed to figure this out myself from code I've used on other pages.

You're going to want to go to Settings, Notifications and in there Edit Code. You're then going to want to go right below the line;

a, a:hover, a:active, a:visited { color: {{ shop.email_accent_color }}; }

and add this code with whichever desired color you want your text to be;

h2 {
color: #545659;
}

I'll add a photo for reference at the bottom

This line of code only changes the "Thank you for your purchase!" line so if you want change the rest of the text follow these steps,

1. Go Preview and highlight the text you want to change

2. Right click and chose "Inspect Element" this will tell you the first letter, number, or word you need to put in front of that code. 

3. Go back to the same spot your entered the first code I gave you and below it paste the same code. You're going to need to change the first letter/word/number to the corresponding line in order for it to work.

For example in the photos I attached below I wanted to change the color of the ORDER #9999. When I inspected it showed me <span class="order-number_text" etc. so I replaced the "h2" in the original code I gave you to be span, like so:

span {

color: #545659;

}

If it shows "<" in front of the first letter/word/number DO NOT include it in the code, it won't work.

Unfortunately I haven't figured out the code to just change all of the text so you'll have to go through each set of text and code it individually but it will at least do what you needed it to! Also, apologies of my lack of coding terminology, I'm learning as I go. 

[ysc711]

Hello everyone,

Anyone knows how to change the color of shipping address from light grey to black in the order confirmation email template ?

I have tried many ways to change codes, but still not working as shown below. Any suggestions or comments are welcome. Thank you very much for your patience and kind assistance in advance.