首页 文章

text-align:将 Headers 文本置于发送给admin woocommerce的邮件中

提问于
浏览
1

我一直在搜索,但无法找到任何相关信息 .

我想在发送给管理员的订单电子邮件中“文本对齐:居中” Headers 文本 .

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

style ='color:#ffffff; display:block; font-family:“Helvetica Neue”,Helvetica,Roboto,Arial,sans-serif; font-size:30px; font-weight:300; line-height:150%; margin:0; padding:36px 48px; text-align:left'

关于maximoau

1 回答

  • 0

    以前邮件看起来像 .

    enter image description here

    要将样式添加到订单电子邮件的 Headers ,您可以使用以下代码 .

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

    enter image description here

    使用此答案中的代码,您可以为电子邮件的 Headers 指定任何样式 . 请注意,此样式甚至将应用于通过“新客户注册”,“订单完成”等发送的邮件 .

相关问题