在Gmail中更改Mailchimp电子邮件中的链接颜色/ css

时间:2014-12-03 19:33:10

标签: html css email gmail mailchimp

所以我在Mailchimp中设置RSS驱动的广告系列时遇到了一个奇怪的问题。

在我模板的某个区域中,我正在从我的帖子中摘录一段可能包含链接的内容。

比方说,这就是我的模板中代码片段的样子:

<div class="post-excerpt">
    *|RSSITEM:DESCRIPTION|*
</div>

例如,假设生成电子邮件并发送源代码时,请执行以下操作:

<div class="post-excerpt">
    Lorem ipsum <a href="http://www.example.com">dolor</a> sit amet.
</div>

显然我无法在该链接中添加任何内联css,因为它是由Mailchimp生成的。但是我在我的模板中添加了CSS:

.post-excerpt a { color:pink; text-decoration:none; }

我还将Mailchimp的“自动CSS内联器”设置转为 。但是,这似乎并没有将我的CSS移动到由*|RSSITEM:DESCRIPTION|*生成的链接。

出于某种原因,在桌面上的gmail中,.post-excerpt中显示的链接仍然显示为默认蓝色并带下划线。在我的iPhone上,它们是粉红色的,没有任何文字装饰,因为它们应该是。

关于如何让这个领域的链接以我需要的方式出现的任何想法?

谢谢。

1 个答案:

答案 0 :(得分:1)

Gmail删除了中所有样式信息(文档的<head>部分中的任何内容,包括<style>)。

Gmail应用也可以这样做。这是您无法为Gmail创建自适应电子邮件的主要原因。

显然,正如您所说的那样,由于链接是通过您的RSS Feed导入的,因此您无法设置内联链接。

但是,您是否考虑过将整个说明作为链接?我不知道它是否会起作用,但值得一试。它甚至可以提高点击率。

<a href="*|RSSITEM:URL|*" style="text-decoration:none;
color:#000000;">*|RSSITEM:DESCRIPTION|*</a>

进一步考虑,您还可以考虑将<style> CSS goes here </style>放在电子邮件底部的正文中。