Your achievements

Level 1

0% to

Level 2

Tip /
Sign in

Sign in to Community

to gain points, level up, and earn exciting badges like the new
Bedrock Mission!

Learn more

View all

Sign in to view all badges

SOLVED

Changing hyperlink color in content block

Avatar

Level 2

I created a mirror page URL content block and wanted all of the text, including the link, to be gray. The text is gray in every email client that I tested except for Outlook when I view on my desktop (here it's blue). This is the HTML used:

<% if ( document.mode != 'mirror' && document.mode != 'forward' ) { %><p align=center>

  <font style="font-family: Arial, Arial; font-size: 12px;">

  To view this email as a web page, go

  <span style="color: #58595b;"><a style="color: #58595b;" <a href="<%@ include fragment='MirrorPageUrl' %>" _label="Mirror page" _type="mirrorPage">here.</span></a>

  </font>

</p><% } %>

Any ideas on why the link is blue in Outlook?

1 Accepted Solution

Avatar

Correct answer by
Level 3

The code is not properly created. The <span> should not be inside the <a> tag and you had 2 <a> tags. Also, when I add the MIRROR page option, it encodes it to work properly.

Here is what I get in Adobe Campaign when adding a Mirror URL and it works in Outlook.

<a class="arc-link" data-id="al156631276619330282" data-nl-type="externalLink" href="#" style="color: #58595b;" data-nl-lnkep-perso-attr-href="&lt;span class=&quot;acr-block nl-dce-fragment&quot; data-nl-name=&quot;MirrorPageUrl&quot; contenteditable=&quot;false&quot;&gt;Mirror page URL&lt;/span&gt;">here</a>

Here is your code fixed to work properly.

<span style="color: #58595b;"><a style="color: #58595b;" href="<%@ include fragment='MirrorPageUrl' %>" _label="Mirror page" _type="mirrorPage">here.</a></span>

View solution in original post

0 Replies

Avatar

Level 10

Can you confirm which Adobe product you are using? I'm guessing Campaign but I wanted to verify before I moved this question to the correct community.

Avatar

Correct answer by
Level 3

The code is not properly created. The <span> should not be inside the <a> tag and you had 2 <a> tags. Also, when I add the MIRROR page option, it encodes it to work properly.

Here is what I get in Adobe Campaign when adding a Mirror URL and it works in Outlook.

<a class="arc-link" data-id="al156631276619330282" data-nl-type="externalLink" href="#" style="color: #58595b;" data-nl-lnkep-perso-attr-href="&lt;span class=&quot;acr-block nl-dce-fragment&quot; data-nl-name=&quot;MirrorPageUrl&quot; contenteditable=&quot;false&quot;&gt;Mirror page URL&lt;/span&gt;">here</a>

Here is your code fixed to work properly.

<span style="color: #58595b;"><a style="color: #58595b;" href="<%@ include fragment='MirrorPageUrl' %>" _label="Mirror page" _type="mirrorPage">here.</a></span>