So, I've set up my email notification to look mostly the way I want (yay, that took forever!) but now I'm wondering how to make the Question field look different from the Answer field so it's a little easier to read in the email form that I get. Example; so in my email it will say;
Best Method to Contact You: Email - So how do I make either the "Best Method to Contact You" or the "Email" in red or bold or something different so it's a little easier to read? Here is a little bit of the code and the first few lines of the entries that I put in. I don't know code very well so please be kind and specific when you answer (smiley face goes here)
Thank you,
Annette
<!DOCTYPE html>
<html dir="ltr" lang="en">
<head><title>QUOTE SUBMITTED</title></head>
<body style="background-color: #f9f9f9; padding-left: 11%; padding-top: 7%; padding-right: 20px; max-width: 700px; font-family: Helvetica, Arial;">
<style type="text/css">
body {background-color: #f9f9f9;padding-left: 11%; padding-top: 7%; padding-right: 2%;max-width:700px;font-family: Helvetica, Arial;}
p{font-size: 12px; color: #666666;}
h1{font-size: 60px !important;color: #cccccc !important;margin:0px;}
h2{font-size: 28px !important;color: #666666 ! important;margin: 0px; border-bottom: 1px dotted #00A2FF; padding-bottom:3px;}
table{width:100%;}
td {font-size: 12px !important; line-height: 30px;color: #ED1C24 !important; margin: 0px;border-bottom: 1px solid #e9e9e9;}
td:first-child {font-size: 13px !important; font-weight:bold; color: #333 !important; vertical-align:text-top; min-width:10%; padding-right:5px;}
a:link {color:#666666; text-decoration:underline;} a:visited {color:#666666; text-decoration:none;} a:hover {color:#00A2FF;}
b{font-weight: bold;}
</style>
<div>
Date: [Date]<br> Email: [EmailAddress]<br>
First Name: [FirstName]<br>Last Name: [LastName]<br>Phone: [Phone]<br>
Title: [Title]<br>Company Name: [CompanyName]<br>
Company Address: [CompanyAddress]<br>Company Address 2: [CompanyAddress2]<br>
City: [City]<br>State: [State]<br>Zip: [Zip]<br>Country: [Country]<br>
Best Method to Contact You: [BestContactMethod]<br>
How to change font color in email...
Annette Dusa
Registered User
6 posts
Scott Swedorski
VP of Software Development
0 posts
You could do something like this:
<b>Date</b>: [Date]<br> <font color="red">Email: [EmailAddress]</font><br>
<b>First Name:</b> <font color="red">[FirstName]<br>Last Name: [LastName]</font><br>
This is pretty rough, but will show you a basic way to modify the text.
<b>Date</b>: [Date]<br> <font color="red">Email: [EmailAddress]</font><br>
<b>First Name:</b> <font color="red">[FirstName]<br>Last Name: [LastName]</font><br>
This is pretty rough, but will show you a basic way to modify the text.
Learn the essentials with these quick tips for Responsive Site Designer, Responsive Email Designer, Foundation Framer, and the new Bootstrap Builder. You'll be making awesome, code-free responsive websites and newsletters like a boss.
Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.
