Reactiv Media

How to change a hyperlink colour within an email creative design

You have an email that is displaying the default blue and underlined hyperlink click here for email design and you want to change the colour? Here's how:

You will already be seeing something like this:

<a href="http://www.domain.com" >click here for email design</a>
Example: click here for email design

Add the following style element:

<a href="http://www.domain.com" style="color:#F0F" >click here for email design</a>
Example: click here for email design

You can go one step further and remove the underline:

<a href="http://www.domain.com" style="color:#F0F; text-decoration:none" >click here for email design</a>
Example: click here for email design

To open the hyperlink in a new window add the following:

<a href="http://www.domain.com" style="color:#F0F" target="_new">click here for email design</a>

Finally, how to make an image clickable with a hyperlink

Insert your image:

<img src="http://reactivmedia.co.uk/images/stories/men/lightbulb.jpg" />

Add the href tag in front of the image

<a href="http://www.domain.com" ><img src="http://reactivmedia.co.uk/images/stories/men/lightbulb.jpg" /></a>

Now, you may see a blue border appear around the image, this is showing that the image is a hyperlink. To remove add a border shown below:

<a href="http://www.domain.com" ><img src="http://reactivmedia.co.uk/images/stories/men/lightbulb.jpg" border="0" /></a>

Other attributes you may find useful:

<a href="http://www.domain.com" target="_new"><img src="http://reactivmedia.co.uk/images/stories/men/lightbulb.jpg" alt="Click here to view more products" hspace="5" vspace="5" border="0" align="right" /></a>