Просто MailChimp, всегда ставит «цвет: наследовать! Важно» на ссылки, превращая их в синий в Outlook - PullRequest
Новая
       29

Просто MailChimp, всегда ставит «цвет: наследовать! Важно» на ссылки, превращая их в синий в Outlook

0 голосов
/ 05 июня 2019

Я перепробовал все, что мог придумать, но независимо от того, что я делаю, MailChimp требует <a> с href color: inherit !important; text-decoration: inherit !important, и, поскольку Outlook является абсолютным мусором, все мои ссылки отображаются синим и

В этом примере я могу вставить ссылку, и она просто станет синей: 

<td style="color:#27646a;font-family:Georgia, serif;font-size:16px;font-weight:bold;" mc:edit="button">
    READ MORE
</td>

В этом примере, если я добавлю ссылку, она будетпросто игнорируйте мой <a> и добавьте еще один рядом: 

<td style="color:#27646a;font-family:Georgia, serif;font-size:16px;font-weight:bold;">
    <a mc:edit="button" style="color: #27646a; text-decoration: none;">
        READ MORE
    </a>
</td>

Я могу поместить это в свой CSS, но, очевидно, MailChimp решает игнорировать это: 

td a {
    color: #27646a !important;
    text-decoration: none !important;
}

Я недействительно знаю, какие у меня есть другие варианты, и клянусь, я не помню, чтобы MailChimp произвольно решал, что в Outlook все должно выглядеть как дерьмо - я что-то упускаю?

Ответы [ 2 ]

0 голосов
/ 07 июня 2019

Вы должны явно указывать цвета и оформление текста: нет / подчеркивание на каждом теге <& zwnj; a & zwnj;>. Mailchimp будет избегать добавления этих резервных стилей.
Я всегда объявлял mc: edit в ячейке таблицы, оборачивая тег <& zwnj; a & zwnj;>, так как это надежный способ редактирования URL и сохранения стилей.

Вот код, который я использую. Добавлена ​​масса других стилей, и это просто потому, что я использую технику границ при построении кнопок, но проблема та же. У меня есть mc-edit для этого тега, и я обязательно объявляю текстовое оформление и цвет, и мой клиент использует это каждую неделю без проблем. 

<td align="center" valign="middle" style="padding:14px 20px;" mc:edit="button">
<a href="#" target="_blank" style="font-family:Questrial, Helvetica, Arial, sans-serif;font-size:14px;line-height:14px;font-weight:400;letter-spacing:normal;text-align:center;text-decoration:none;color:#ffffff;text-transform:uppercase;">Button</a>
</td>

Попробуй это. Надеюсь, что у вас все получится

0 голосов
/ 05 июня 2019

Я использовал два метода для генерации писем в MailChimp: 1) Фонд для писем и 2) шаблон перетаскивания почты MailChimp.

В Foundation это берет мой исходный код CSS: 

.item-link {
    color:#0C3C80;
    font-family:Helvetica;
    font-size:16px;
    text-decoration:underline;
}

и генерирует такой встроенный стиль для ссылок с классом "item-link": 

<a href="*|ARCHIVE|*" style="Margin:0;color:#0c3c80;font-family:Helvetica,Arial,sans-serif;font-weight:400;line-height:1.3;margin:0;padding:0;text-align:left;text-decoration:underline"><span style="font-size:12px">View this email in your browser</span></a>

Это дает правильный цвет в Outlook.

В шаблоне перетаскивания я использую вкладку «Дизайн» -> «Тело» -> «Тело ссылка» редактора, чтобы назначить цвет ссылки. Он также правильно отображается в Outlook.

Разница может заключаться в том, что в двух ваших примерах вы назначаете цвет в стиле тега td, а в третьем вы назначаете его в качестве кнопки для редактора MailChimp, поэтому стиль кнопки, вероятно, переопределяет стиль ты хочешь.

Надеюсь, это поможет.

...