Css Mailchimp模板中的怪癖/错误';s HTML
在我目前的工作中,我管理一个Mailchimp帐户,并利用在我被外部公司聘用之前创建的模板。目前,我的电子邮件模板阻止我在不更改文本颜色的情况下使用斜体。我希望能够使文本斜体,并保持相同的文本颜色。当查看各种字体的代码时,没有任何异常Css Mailchimp模板中的怪癖/错误';s HTML,css,html,html-email,mailchimp,Css,Html,Html Email,Mailchimp,在我目前的工作中,我管理一个Mailchimp帐户,并利用在我被外部公司聘用之前创建的模板。目前,我的电子邮件模板阻止我在不更改文本颜色的情况下使用斜体。我希望能够使文本斜体,并保持相同的文本颜色。当查看各种字体的代码时,没有任何异常 @section body text @tip Set the styling for your email's main content text. Choose a size and color that is easy to read. @theme mai
@section body text
@tip Set the styling for your email's main content text. Choose a size and color that is easy to read.
@theme main
*/
.bodyContent div{
/*@editable*/color:#505050;
/*@editable*/font-family:'Helvetica Neue', Helvetica, Helvetica, Arial, sans-serif;
/*@editable*/font-size:14px;
/*@editable*/line-height:150%;
/*@editable*/text-align:left;
font-weight:normal !important;
}
/*
@tab Body
@section body link
@tip Set the styling for your email's main content links. Choose a color that helps them stand out from your text.
*/
.bodyContent div a:link,.bodyContent div a:visited{
/*@editable*/color:#336699;
/*@editable*/font-weight:normal;
/*@editable*/text-decoration:underline;
}
.bodyContent img{
display:inline;
margin-bottom:10px;
}
hr{
color:orange;
width:1px;
}
div.button{
margin-left:-1px;
margin-top:0px;
}
div.button a,div.button a:hover,div.button a:active,div.button a:visited{
display:block;
clear:both;
background-color:#FE7702;
height:25px;
width:100px;
font-weight:900 !important;
font-size:19px;
color:white !important;
text-decoration:none !important;
padding:10px;
text-align:center;
vertical-align:middle;
margin:10px 0 10px 0;
border:2px solid;
border-radius:25px;
}
我想这可能和'有关!“重要”指令,但我不知道在哪里可以找到它最初引用的内容。关于这个怪癖可能在哪里编码或者我如何修复它的任何其他想法?我在给定的代码中没有看到任何引用
em
、I
或文本样式的内容。它可能在其他地方,但您可以通过在em
内联标记中添加一点样式来修复它:
<em style="color: inherit !important;">italics text!</em>
斜体文本!
这应该会让你注意到——如果测试显示“inherit”在任何地方都不起作用,就用正确的颜色十六进制代码替换它