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 there, I know it’s just been 8 days but I’m also experiencing this issue. I’ve tried hyperlinking text rather than using the “Add Personalization” and I’m either stuck with the blue or I get a code error. I checked the code but it’s like it won’t save at all. I also noticed it appears to (sometimes) be adding %22 in place of quotations in the source code if that helps at all. 

Here’s the preview: 

Here’s the editor: 

Please please help! Thank you.

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

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

Hey @Jakub,

At present, I’m not aware of any system options to adjust those specific hyperlink colors.

Although an !important tag is often used to make it so the style of an object cannot be overridden, inbox providers won’t always adhere to this. This is to make it so that these sensitive links/hyperlinks stand out as as a measure of spam prevention - making it easier for users to unsubscribe or manage their preference. 

Using these workarounds is great to have these important hyperlinks align with your brand design, but in practice may not be the best. 

In my opinion, I rather have a highly visible unsubscribe or manage preference link that’s easily identifiable. Else, the next option for users when they don’t see these options is to mark your email as spam. Or, they’ll simply ignore and delete the email going forward without interacting with any of your future email outreaches. In either cases, this would impact your overall sending reputation. I’ve definitely caught myself doing both before. 

I hope this clarifies some things!

David

Hey @OasisAdaptogens,

Thanks for that latest screenshot! Since it appears those emails are adhering to the template’s style setting, I would suggest double checking the source code of where that blue text is appearing. I would make sure that both the manage preferences and unsubscribe text aren’t being overridden by any coding.

This can often times happen if you’ve copied and pasted this code from another source and the formatting comes along with it. The source code will always override the template’s style in cases like this. To alleviate this I would suggest removing the bit of code that is defining that text color that is overriding the template’s style. Alternatively, if you copied this text from a different source, I would suggest copying the text again and pasting it back into this template without the additional formatting and styling.

David

Hey there, I’m also experiencing this issue where once I type in a URL in the button, it overrides the text color. Is there a workaround for it at this moment? How do I accomplish setting the color?

Hey @david.to 

Any updates on this! It seems to still be happening!

Thank you!