Help - Search - Members - Calendar
Full Version: HTML e-mail signature for dark mode
HTMLHelp Forums > Web Authoring > Markup (HTML, XHTML, XML)
Orkun
Well, I guess the topic description itself says what I am looking for. How can someone make an HTML e-mail signature with logo have a transparent background? With all the new email clients especially in Apple Mail, iOS mail and more supporting this now, normal emails I create are rendered with white background on gmail for example, but with dark background in Apple Mail, which is fine.
But as soon as I put a logo in my HTML e-mail signature, the default rendering for any e-mail client becomes white. Is there a way to make it behave as if the background is transparent?
pandy
Make the background transparent in an image editor.
Orkun
QUOTE(pandy @ Dec 6 2019, 12:44 PM) *

Make the background transparent in an image editor.


Thanks a lot, I don't think there is a background image in the email signature code, what shall I do to make it dark mode compatible?

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title></title>
</head>
<body>
<br>
<br>
<a href="http://www.xxx.com" target="_blank"><img src="https://www.xxx.com/signature.png" alt="xxx" width="114" height="26" border="0"></a><br>
<font color="#312D2A" size="2" face="Sans, Verdana, Arial, Helvetica, sans-serif"> Name, Job Title<br>
Office: +0.000.000.0000<br>
Mobile: +0.000.000.0000<br>
Department<br>
Address</font>
</body>
</html>
Orkun
QUOTE(pandy @ Dec 6 2019, 12:44 PM) *

Make the background transparent in an image editor.


Thanks a lot, I don't think there is a background image in the email signature code, what shall I do to make it dark mode compatible?

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title></title>
</head>
<body>
<br>
<br>
<a href="http://www.xxx.com" target="_blank"><img src="https://www.xxx.com/signature.png" alt="xxx" width="114" height="26" border="0"></a><br>
<font color="#312D2A" size="2" face="Sans, Verdana, Arial, Helvetica, sans-serif"> Name, Job Title<br>
Office: +0.000.000.0000<br>
Mobile: +0.000.000.0000<br>
Department<br>
Address</font>
</body>
</html>
pandy
There is some kind of image and it's called signature.png. You masked the URL to it.
This is a "lo-fi" version of our main content. To view the full version with more information, formatting and images, please click here.
Invision Power Board © 2001-2020 Invision Power Services, Inc.