How to change link text color on NEW email template

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 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?

Also, in the new template, the “Product” block button URL is not working at all (I set to assign a URL automatically). When I test it in the email, it does not link anywhere (it is not even a link at all because when I hover the cursor does not even change)

Hi David, 

Did you guys find a solution for the unsubscribe/web view links yet? Mine are still showing blue in both the new and the old editor now when before, the Klaviyo update, I did not have these issues. 

Thanks!

Hi @David To

I’m experiencing this exact same problem now in the OLD editor. No code edits, saved and returned to templates etc. If you have any insight that would be great.

Thanks!

Hey @Kathleen and @wernstrom,

Are either of you by chance testing this through a Gmail inbox provider? Although Gmail is most prominent for this, a variety of inbox providers will override the styling when it comes to an unsubscribe or manage preference link as Litmus explains in both their Frustrated by Blue Links in Email? Conquer Them for Good and How to Fix Gmail Blue Links for an Email Dream Come True blog articles. 

You can typically combat this by using a tag to provide only the URL for your unsubscribe link and wrapping it within <a href></a> tags similar to what is mentioned in the How to Add an Unsubscribe Link to Klaviyo Emails Help Center article. For example, if I wanted to force the unsubscribe link to display as black I can use <a href ="{% unsubscribe_link %}" style="color: #000000 !important;">Unsubscribe</a>. 

David

Hi @David To , thanks for your reply. Yes, I’m testing in gmail, however, up until extremely recently this has not been an issue, so I would tend to think that gmail isn’t the problem (or at least it wasn’t until now). Will give your workaround a try. Thanks!

Hi @David To I haven’t had any luck implementing this solution, could you please provide a bit of extra context?

My previously working block contained:

<p style="text-align: center;"><span style="font-size:14px;"><span style="color:#d4d4d4;">Update&nbsp;your email&nbsp;preferences:</span> <strong><span style="color:#F5A623;">{% manage_preferences %}</span></strong>.</span></p>

<p style="text-align: center;"><span style="font-size: 14px;"><span style="color:#d4d4d4;">No longer want to receive any marketing emails?</span> <span style="color:#F5A623;"><strong>{% unsubscribe %}.</strong></span></span></p>

<p style="text-align: center;"><span style="color:#FFFFFF;"><span style="font-size:14px;">{{ organization.name }} {{ organization.full_address }}.&nbsp;</span></span></p>

I’m not super familiar with html… is this how the the <a href> tag is supposed to be added? because this doesn’t seem to work and I’m sure I’m probably missing something:

<p style="text-align: center;"><span style="font-size: 14px;"><span style="color:#d4d4d4;">No longer want to receive any marketing emails? </span><a href="{% unsubscribe %}" style="color: #F5A623 !important;">Unsubscribe</a> </span></p>

Thanks!