Editing HTML text/link colors

Scenario 1: Text color

An Email Canvas/Freeform HTML email campaign has a black background so the VR unsubscribe and postal address text in the footer is not visible. Only the links are visible in the footer area.
 
Solution
The <body> tag is usually found towards the top of your  HTML code. There is only 1 <body> tag, so a faster way to find this would be to perform a Ctrl+F search and look for "body".
To make the unsubscribe and postal address text in the footer visible, edit the <body> tag, setting the "text" attribute to a color that will work on top of the  background color:
 
<body bgcolor="#000000" text="#FFFFFF">
 
The 6-digit code after # is a 6-digit hexadecimal code that displays the colors in your email. In this example given above, the bgcolor=#000000 is setting the background color to black and the text=#ffffff is setting the text color to white. Just replace the 6-digit color code with the colors of your choice. (Remember! If you have a dark background, please change the text color to something lighter that will be readable to your recipients.) This is a great HTML resource for free online: http://www.w3schools.com/html/html_colors.asp.
 
 



Scenario 2: Link color

An Email Canvas/Freeform HTML email campaign has a blue background so the VR unsubscribe link is not visible or barely visible. Only the unsub and postal text is visible.
 
Solution
The <body> tag is usually found towards the top of your   HTML code. There is only 1 <body> tag, so a faster way to find this would be to perform a Ctrl+F search and look for "body". To make the unsubscribe link visible, edit the <body> tag, setting the "link" and "vlink" attributes to a color that will work on top of the background color:
 
<body bgcolor="#0000FF" link="#9900CC" vlink="#CCCCCC">
 
The 6-digit code after # is a 6-digit hexadecimal code  that displays the colors in your email. In this example given above, the  bgcolor=#000000 is setting the background color to black, the  link=#9900CC is setting the text color to purple, and the vlink="#CCCCCC" is setting the color that the link changes to once the user has clicked on a link to light pink. Just replace the  6-digit color code with the colors of your choice. (Remember! If you have a dark background, please change the link color to something lighter that will be readable to your recipients.) This is a great HTML resource for free online: http://www.w3schools.com/html/html_colors.asp.

Was this article helpful?
0 out of 0 found this helpful
Have more questions? Submit a request

Comments

0 comments

Article is closed for comments.