WOrdpress- woocommerce - 電子郵件訂單或發票電子郵件：如何編輯CSS樣式？

Question

編輯woocommerce商店的CSS它沒關係。

但是，woocommerce發送的郵件怎麼樣？螢火蟲無用，因爲電子郵件一旦發送屬於雅虎或Gmail或...

嘗試this hooks不起作用：我的新h3（for example）字體大小規則被識別，但從我不知道哪裏element.style 。擁有優先權，維持H」字體大小爲30像素

我迷路了，有什麼改變它的CSS正確的方式

非常感謝

Answer 1

通過重寫woocommerce主題的組件：http://docs.woothemes.com/document/template-structure/

Answer 2

您需要通過將相關電子郵件複製到主題中來覆蓋woo電子商務電子郵件模板。

例：要在此改變管理秩序的通知，複製：woocommerce /模板/電子郵件/管理 - 新order.php到yourtheme/woocommerce /電子郵件/管理 - 新order.php

然後，您可以編輯新位置中的電子郵件模板。管理電子郵件的CSS在模板中被硬編碼，所以在文本編輯器中打開並在那裏更改。如果您想更改電子郵件的這些區域的外觀，請查看頁眉和頁腳模板。

我希望這可以幫助你。

Answer 3

或者您也可以通過在你的主題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; 
}