当前位置: 首页 > 知识库问答 >
问题:

文本对齐:将发送给管理员的电子邮件中的标题文本居中

宋英杰
2023-03-14

我一直在寻找,但找不到这方面的任何信息。

我想"文本对齐:中心"的标题文本在订单电子邮件发送给管理员。

当我检查浏览器中的电子邮件元素并将文本对齐:左改为“居中”时,标题文本会移动到我想要的位置。

style='color:#ffffff;显示:块;字体系列:“Helvetica Neue”,Helvetica,Roboto,Arial,无衬线;字体大小:30px;字体大小:300;线高:150%;保证金:0;填充:36px 48px;文本对齐:左'

向马克西莫阿致敬

共有1个答案

孟鹤龄
2023-03-14

以前邮件看起来像。

为了给订单邮件的标题添加样式,可以使用以下代码。

add_action('woocommerce_email_header', 'add_css_to_email');
function add_css_to_email() {
echo '
<style type="text/css">
h1 {
  text-align: center !important;
}
</style>
';
}

这段代码应该以主题或自定义插件的functions.php编码。对于在主题中编码,最好先创建和使用一个子主题,在它的functions.php中编码,这样当主题更新时,你的代码就不会被覆盖。

在主题/子主题的functions.php中正确添加此代码后,输出为-

使用此答案中的代码,您可以为电子邮件的标题提供任何样式。请注意,这种样式甚至会应用于“新客户注册”、“订单完成”等邮件。

 类似资料:
  • 我正在以列表格式显示文本和图像,但我不能让它们完美地排列在中间,在一条直线上,我错过了什么 下面是我的布局代码

  • 问题内容: 我有一个div 。其内容水平和垂直居中。 当div中的内容太长时,内容将自动换行。但是在这种情况下,对齐方式会中断。请参阅摘要。 如果我添加正确显示。但是,为什么没有中心呢? 问题答案: flex容器的HTML结构具有三个级别: 容器 该项目 内容 每个级别代表一个独立的独立元素。 该属性是在flex容器上设置的,用于控制flex项目。它不能直接控制项目的子项(在这种情况下为文本)。

  • 我想设置一个JButton,使其图标与它的左侧对齐,而文本居中。 我已经找到了如何让其中一个左,另一个右,或两者在同一个设置,但我找不到我要找的。 当然,我总是可以重新定义绘制方法,但我正在寻找一种更精简的方法。

  • 我试图使用谷歌ap脚本发送超文本标记语言的电子邮件。我有一个谷歌文档上的超文本标记语言,我试图使用下面的代码发送。但是当我发送它时,我收到的是未格式化的文本,显示了所有超文本标记语言标签。有人能告诉我怎么做吗?我不想在脚本中包含超文本标记语言,因为最终会有很多。 var html=UrlFetchApp。取('https://docs.google.com/document/d/documentI

  • 我正在尝试使用REST API在DocuSign信封中为签名者设置电子邮件正文。我正在使用EnveloperRecipient的emailNotification属性进行设置(https://developers.docusign.com/esign-rest-api/reference/Envelopes/EnvelopeRecipients). 我担心的是电子邮件正文是超文本标记语言,有一些链

  • 我有一个“p”标记,它是内联的(我不想显示它块),但当我使用时,它不起作用。 HTML: CSS: