css - WOrdpress- woocommerce - 电子邮件订单或发票电子邮件：如何编辑 CSS 样式？

Question

编辑woocommerce商店的CSS没问题。

但是 woocommerce 发送的电子邮件呢？Firebug 无用，因为一旦发送的电子邮件属于 yahoo 或 gmail 或...

尝试这个钩子不起作用：我的新 h3（例如）字体大小规则被识别，但是我不知道哪里有优先级的 element.style 并将 h" 字体大小保持为 30 像素。

我迷路了，改变它的CSS的正确方法是什么？

多谢

Answer 1

或者您可以通过放置主题的 function.php 来尝试此过滤器

add_filter( 'woocommerce_email_styles', 'mmr_woocommerce_email_styles' );
function mmr_woocommerce_email_styles( $css ) {
    $css .= "#header_wrapper {    padding: 20px 48px; }";
    $css .= "#header_wrapper h1 { font-size:20px; }";
    return $css;
}

Answer 2

通过覆盖 woocommerce 主题组件：http ://docs.woothemes.com/document/template-structure/

Answer 3

您需要通过将相关电子邮件复制到您的主题来覆盖 woo 商务电子邮件模板。

示例：要覆盖管理员订单通知，请将：woocommerce/templates/emails/admin-new-order.php 复制到 yourtheme/woocommerce/emails/admin-new-order.php

然后，您可以在新位置编辑电子邮件模板。管理电子邮件的 CSS 在模板中是硬编码的，因此请在文本编辑器中打开它并在其中进行更改。如果您想更改电子邮件这些区域的外观，还可以查看页眉和页脚模板。

我希望这可以帮助你。