Home/ Questions/Q 8315209
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-08T21:04:50+00:00

I have a form on a site that allows the user to enter their

  • 0

I have a form on a site that allows the user to enter their name, phone, email etc. When I receive this information as an email it comes in completly unformated, so it’s a little harder to read. See image below:

incoming email screen shot

Is there a way I can style this using CSS, ie. make the From and email headings bold {font-weight:bold;}?

The php I’m using for the form is:

<?php
$name        = $_POST['name'];
$email       = $_POST['email'];
$phone       = $_POST['phone'];
$message     = $_POST['message'];
$formcontent ="From: $name \n Email: $email \n Phone: $phone \n Message: $message";
$recipient   = "studio@ll-i.co.uk";
$subject     = "Contact Form";
$mailheader  = "From: $email \r\n";

mail($recipient, $subject, $formcontent, $mailheader) or die("Error!");

echo "<p>Thanks for getting in touch, we'll get back to you shortly..</p>";
?>
Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    You have to style it with inline CSS / CSS embedded in the of a HTML file.

    The $formcontent variable can contain HTML e.g.

    "<html>
    <head>
        <title>Message</title>
    </head>
    <body>
        <p><strong>From:</strong> $name</p>
        <p><strong>Email:</strong> $email</p>
        <p><strong>Phone:</strong> $phone</p>
        <p><strong>Message:</strong> $message</p>
    </body>
</html>"

    Put the CSS in the head of this like so:

    <head>
   <style type="text/css">
       body { background-color: #ff0000; }
   </style>
</head>

    Obviously you’ll have to use these: ‘ instead of these ” and concatenate any variables using either a full stop or comma incase you need to use speech quotes for any of the HTML.

    Like this:

    '<html>
    <head>
        <title>Message</title>
        <style type="text/css">
           body { background-color: #ff0000; }
        </style>
    </head>
    <body>
        <p><strong>From:</strong> ',$name,'</p>
        <p><strong>Email:</strong> ',$email,'</p>
        <p><strong>Phone:</strong> ',$phone,'</p>
        <p><strong>Message:</strong> ',$message,'</p>
    </body>
</html>'

    EDIT:

    You should also change your headers like so:

    $mailheader = "MIME-Version: 1.0" . "\r\n";
$mailheader .= "Content-type:text/html;charset=iso-8859-1" . "\r\n";
$mailheader .= "From: $email \r\n";
    • 0