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
BedrockMission!

Learn More

View all

Sign in to view all badges

Changing hyperlink color in content block

Avatar

Avatar
Validate 1
Level 1
cassiec29238197
Level 1

Likes

4 likes

Total Posts

3 posts

Correct Reply

0 solutions
Top badges earned
Validate 1
Boost 3
Boost 1
View profile

Avatar
Validate 1
Level 1
cassiec29238197
Level 1

Likes

4 likes

Total Posts

3 posts

Correct Reply

0 solutions
Top badges earned
Validate 1
Boost 3
Boost 1
View profile
cassiec29238197
Level 1

26-07-2019

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?

View Entire Topic

Avatar

Avatar
Validate 1
Level 2
mariecastine
Level 2

Likes

12 likes

Total Posts

32 posts

Correct Reply

2 solutions
Top badges earned
Validate 1
Boost 5
Boost 3
Boost 10
Boost 1
View profile

Avatar
Validate 1
Level 2
mariecastine
Level 2

Likes

12 likes

Total Posts

32 posts

Correct Reply

2 solutions
Top badges earned
Validate 1
Boost 5
Boost 3
Boost 10
Boost 1
View profile
mariecastine
Level 2

20-08-2019

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>