How to change link text color on NEW email template

I feel like even with my poor html skills something is buggy. 

@David To here’s an example, as far as I can tell, both tags are the same. One is for managing preferences, one is for unsubscribing:

<p>Update your email preferences:<a href="{% manage_preferences %}" style="color: #F5A623 !important;">Manage Preferences</a></p>

<p>Don't want to receive any marketing emails?<a href="{% unsubscribe_link %}" style="color: #F5A623 !important;">Unsubscribe</a></p>

Both display fine in Klaviyo, except this time, when I send a preview to gmail, the unsub displays the correct color while the preference one is like this:

Am I missing something, or is something wrong?

Thanks!

Hey @wernstrom,

So close! Looks like you’re actually using the default manage preference variable as opposed to one that generates a link. Instead of using {% manage_preferences %}, you’ll want to use {% manage_preferences_link %} to create this hyperlink experience. More details on using different forms of the variable tags can be found in the Guide to Template Tags and Variable Syntax Help Center article.

Awesome to hear you’re heading in the right direction! 

David

OH! Duh! Thank you once again @David To !

<span>{% unsubscribe '<span style="color: #000000;"><u style="text-decoration-color: #000000;">Unsubscribe</u></span>' %}</span>

Hi ! 
I still have this strange behavior on gmail… I also tried the fix with the # but it didn’t change anyhting… Do you have any update? 
Thanks, 

Hello,

I’m having the same issue so fixed it with the code above for the Manage Preferences and Unsubscribe link but how do I fix for an ‘email’ link (example below)? Could someone pls supply the source code to change this from blue to the colour of my choice (this goes blue when I send the email)?

Hello,

I’m having the same issue so fixed it with the code above for the Manage Preferences and Unsubscribe link but how do I fix for an ‘email’ link (example below)? Could someone pls supply the source code to change this from blue to the colour of my choice (this goes blue when I send the email)?

 

I am having this same issue! I am attempting to put an email address in the body of the email, but I do not want this to turn into a blue link. I added <span style="color:#ffffff;"> to the code, in the text block where this is included, but it is still showing as a blue link when I send the preview email in both outlook and gmail. Should I be putting this in a different spot in the code? Does the email address or link need to be wrapped in a specific code? 

Hey @WhlM and @MBrown,

As you may have noticed, the provided workaround for hyperlinks by overriding the CSS typically wouldn’t work for email addresses. Unlike hyperlinks, Gmail and some other inbox providers will actually automatically see email addresses, telephone numbers, and sometimes street addresses as “functions” to launch a compatible app or software. Because of this, inbox providers will typically have much stricter CSS weight to them that would oftentimes not allow you to override them. 

David

Hello,

I’m having the same issue so fixed it with the code above for the Manage Preferences and Unsubscribe link but how do I fix for an ‘email’ link (example below)? Could someone pls supply the source code to change this from blue to the colour of my choice (this goes blue when I send the email)?

 

I am having this same issue! I am attempting to put an email address in the body of the email, but I do not want this to turn into a blue link. I added <span style="color:#ffffff;"> to the code, in the text block where this is included, but it is still showing as a blue link when I send the preview email in both outlook and gmail. Should I be putting this in a different spot in the code? Does the email address or link need to be wrapped in a specific code? 

Hello,

I ended up fixing this by making the email into a link and it has stayed the colour I wanted (white) even in gmail. See below. 

<a href="{{ email }}" style="color: #ffffff !important;">{{ email }}</a>
 

Does this bug extend to metric variables as well? In those cases the info (email or phone number) cannot be stylized, but are still blue in gmail.
The styles are set to a color and the variable is enclosed in a span tag

For example
If “{{ event.person.email }}” returns “name@domain.com” the email will be blue
Email: name@domain.com