如何删除 WooCommerce 电子邮件通知中标题上方的空白

发布于 2025-01-12 16:47:48 字数 540 浏览 0 评论 0原文

我尝试删除 WooCommerce 电子邮件通知中标题上方的空白区域。

我已经将电子邮件文件粘贴到文件夹中：

public_html-> wp-内容->主题->扁平化儿童 -> woocommerce->电子邮件

我已经尝试隐藏标题：

/*do_action( 'woocommerce_email_header', $email_heading, $email );*/

不是解决方案，因为，是的，它删除了标题上方的空白，但也隐藏了标题，我不想要这个。

我只想删除标题上方的空白区域（查看所附图片）

原文

I try to remove white space above the header in WooCommerce email notifications.

I already pasted the email files into the folders:

public_html -> wp-content -> themes -> flatsome-child -> woocommerce -> emails

I already tryed to hide the header with:

/*do_action( 'woocommerce_email_header', $email_heading, $email );*/

But this is not solution because, yes it removes the white space above the header but also hides de header and I don't want this.

I just want to remove the empty space above the header (look the image attached)

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

一身骄傲 2025-01-19 16:47:48

空白是通过 CSS 应用的。如果您想要应用自己的样式或想要修改 WooCommerce 电子邮件通知中的现有样式：

1) 您可以覆盖模板文件：

可以通过将模板文件复制到 yourtheme 来覆盖模板文件/woocommerce/emails/email-styles.php。

将第 50 - 56 行 @version 4.0.0 替换

#wrapper {
    background-color: <?php echo esc_attr( $bg ); ?>;
    margin: 0;
    padding: 70px 0;
    -webkit-text-size-adjust: none !important;
    width: 100%;
}

为

#wrapper {
    background-color: <?php echo esc_attr( $bg ); ?>;
    margin: 0;
    padding: 70px 0;
    padding-top: 0;
    -webkit-text-size-adjust: none !important;
    width: 100%;
}

另请参阅：模板结构&通过主题覆盖模板 - 如何编辑文件

或

2) 使用woocommerce_email_styles 过滤器挂钩：

// Add CSS to email
function filter_woocommerce_email_styles( $css, $email ) {
    $extra_css = '#wrapper { padding-top: 0 }';
    
    return $css . $extra_css;
}
add_filter( 'woocommerce_email_styles', 'filter_woocommerce_email_styles', 10, 2 );

代码位于functions.php 中活动子主题（或活动主题）的文件。

可选：通过$email->id == ...，您可以定位特定电子邮件，请参阅如何定位其他 WooCommerce 电子邮件通知

The white space is applied via CSS. If you want to apply your own styles or want to modify the existing one in WooCommerce email notifications:

1) You can overwrite the template file:

The template file can be overridden by copying it to yourtheme/woocommerce/emails/email-styles.php.

Replace line 50 - 56 @version 4.0.0

#wrapper {
    background-color: <?php echo esc_attr( $bg ); ?>;
    margin: 0;
    padding: 70px 0;
    -webkit-text-size-adjust: none !important;
    width: 100%;
}

With

#wrapper {
    background-color: <?php echo esc_attr( $bg ); ?>;
    margin: 0;
    padding: 70px 0;
    padding-top: 0;
    -webkit-text-size-adjust: none !important;
    width: 100%;
}

Also see: Template structure & Overriding templates via a theme - How to Edit files

2) Use the woocommerce_email_styles filter hook:

// Add CSS to email
function filter_woocommerce_email_styles( $css, $email ) {
    $extra_css = '#wrapper { padding-top: 0 }';
    
    return $css . $extra_css;
}
add_filter( 'woocommerce_email_styles', 'filter_woocommerce_email_styles', 10, 2 );

Code goes in functions.php file of the active child theme (or active theme).

Optional: via $email->id == ... you can target specific emails, see How to target other WooCommerce email notifications

回复收藏 0 原文

~没有更多了~