How to style HTML Mails?

(@deb_ugger)

Hi!

I just work on an HTML template I want to use with Contact Form 7. It already works perfectly fine when using it in my PHP Mail function.

Now I just paste the HTML Code into the Contact Form 7 E-Mail-Form. When receiving the mail it looks a bit broken. Especially the upper part of the mail shows a horizontal line and some white space.

I would like to know how to use HTML inside Conntact Form 7. Can I use the whole HTML code, beginning with the <html> tag?

This is how it starts now:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <title>iPROT</title>
    <style type="text/css">
      #outlook a { /* Outlook */
        padding:0;
      }
      
      body {
        width:100% !important;
        margin:0;
        padding:0;
        -webkit-text-size-adjust:none; /* OSX / iOS */
        -ms-text-size-adjust:100%; /* Windows Mobile */
      }
      
      .ReadMsgBody {
        width:100%;
      }
      
      .ExternalClass { /* Outlook */
        width:100%;
      }

Thanks for support!

BR
Stephan

The topic ‘How to style HTML Mails?’ is closed to new replies.