How to change Mirror Page URL Link colour?

[scarrington1990]

Hi, 

I'm relatively new to Adobe Campaign Standard, and I'm looking to change the Mirror Page URL colour to black (#000000), but I can't seem to do this?

I've created a 1:1 column and added a text block in which I've then proceeded to select the 'Insert Content Block' option and selected 'Link to mirror page'.

Which in the preview outputs the following...

'If you're having trouble reading this message, click here'

The 'click here' text doesn't seem to be the same colour as the p text, and it doesn't look obvious on how to change it? 

Any ideas? 

Thanks,

Steffan

[shelly-goel]

@scarrington1990  Try selecting the link text and you would see all the formatting options on the right side under Component Settings as below:

Click on the color box next to Link Color and you get the color palette with all the options to change color.

[scarrington1990]

@shelly-goelUnfortunately I don't get those styling options for the Mirror Page URL - Content Block

Unless I'm going about it the wrong way?

[johnwwilcoxmba · Accepted solution]

We just add a color to the content block and it works. Here is the code: <% if ( document.mode != 'mirror' && document.mode != 'forward' ) { %> <a href="<%@ include fragment='MirrorPageUrl' %>" _label="Mirror page" _type="mirrorPage" style="color: #383F43; font-family: 'Source Sans Pro', sans-serif; font-size: 14px;text-decoration: underline;font-weight: 400;">View in Browser</a> <% } %>

[scarrington1990]

@johnwwilcoxmbathat worked a charm thank you!

Just to confirm, The href value of <%@ include fragment='MirrorPageUrl' %> will always refer to the current email template in question right? 

Thanks again for your help with this  

[johnwwilcoxmba]

Yes, it points to a copy of the email that was sent, but on the server.

[scarrington1990]

Brilliant. Thanks for confirming. Would mark your answer as the correct one but not sure how if its as a comment ha

[Sukrity_Wadhwa]

Hi @scarrington1990,
Unfortunately we cannot mark comments as correct for now. I would request you to kindly post about being able to marking comments as correct here: Experience Cloud Community Feedback

This will let the community platform team know what features the users need.

Thanks!

[shelly-goel]

For content blocks, you would see an options toolbar like this, you would be able to change text color.

The change in color doesn't show up in Preview though. The other option would be to duplicate 'Link to Mirror Page' content block, make sure 'Depends on Format' is selected and add color on a tag as below

<% if ( document.mode != 'mirror' && document.mode != 'forward' ) { %><p align=center>
<font style="font-family: Verdana, Arial; font-size: 10px">
If you're having trouble reading this message,
<a style="color: #000000;" href="<%@ include fragment='MirrorPageUrl' %>" _label="Mirror page" _type="mirrorPage">click here</a>
</font>
</p><% } %>

Hope this helps.