woocommerce - 文本对齐：将发送给管理员 woocommerce 的订单电子邮件中的标题文本居中

Question

我一直在搜索，但找不到任何关于此的信息。

我想将发送给管理员的订单电子邮件中的标题文本“文本对齐：居中”。

当我在浏览器中检查电子邮件元素并将 text-align:left 更改为“居中”时，标题文本将移动到我想要的位置。

style='color:#ffffff;display:block;font-family:"Helvetica Neue",Helvetica,Roboto,Arial,sans-serif;font-size:30px;font-weight:300;line-height:150%;边距：0；填充：36px 48px；文本对齐：左'

关于马克西莫

Answer 1

以前邮件的样子。

为了向订单电子邮件的标题添加样式，您可以使用以下代码。

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中正确添加此代码后，输出为 -

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