Title: Email-Styles.php
Last modified: March 21, 2020

---

# Email-Styles.php

 *  Resolved [NF](https://wordpress.org/support/users/nanasflowers/)
 * (@nanasflowers)
 * [6 years, 2 months ago](https://wordpress.org/support/topic/email-styles-php/)
 * The new email-styles.php template causes a E_PARSE syntax error on my website
   on line 228 which is the last line in the template, has this been coded incorrectly?
   I removed the “<?php” and it brings my site back online.
 * <?php
    /** * Email Styles * * This template can be overridden by copying it to
   yourtheme/woocommerce/emails/email-styles.php. * * HOWEVER, on occasion WooCommerce
   will need to update template files and you * (the theme developer) will need 
   to copy the new files to your theme to * maintain compatibility. We try to do
   this as little as possible, but it does * happen. When this occurs the version
   of the template file will be bumped and * the readme will list any important 
   changes. * * [@see](https://wordpress.org/support/users/see/) [https://docs.woocommerce.com/document/template-structure/](https://docs.woocommerce.com/document/template-structure/)*
   [@package](https://wordpress.org/support/users/package/) WooCommerce/Templates/
   Emails * [@version](https://wordpress.org/support/users/version/) 4.0.0 */
 * if ( ! defined( ‘ABSPATH’ ) ) {
    exit; }
 * // Load colors.
    $bg = get_option( ‘woocommerce_email_background_color’ ); $body
   = get_option( ‘woocommerce_email_body_background_color’ ); $base = get_option(‘
   woocommerce_email_base_color’ ); $base_text = wc_light_or_dark( $base, ‘#202020’,‘#
   ffffff’ ); $text = get_option( ‘woocommerce_email_text_color’ );
 * // Pick a contrasting color for links.
    $link_color = wc_hex_is_light( $base )?
   $base : $base_text;
 * if ( wc_hex_is_light( $body ) ) {
    $link_color = wc_hex_is_light( $base ) ? $
   base_text : $base; }
 * $bg_darker_10 = wc_hex_darker( $bg, 10 );
    $body_darker_10 = wc_hex_darker( $
   body, 10 ); $base_lighter_20 = wc_hex_lighter( $base, 20 ); $base_lighter_40 
   = wc_hex_lighter( $base, 40 ); $text_lighter_20 = wc_hex_lighter( $text, 20 );
   $text_lighter_40 = wc_hex_lighter( $text, 40 );
 * // !important; is a gmail hack to prevent styles being stripped if it doesn’t
   like something.
    // body{padding: 0;} ensures proper scale/positioning of the
   email in the iOS native email app. ?> body { padding: 0; }
 * #wrapper {
    background-color: <?php echo esc_attr( $bg ); ?>; margin: 0; padding:
   70px 0; -webkit-text-size-adjust: none !important; width: 100%; }
 * #template_container {
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1) !important; background-
   color: <?php echo esc_attr( $body ); ?>; border: 1px solid <?php echo esc_attr(
   $bg_darker_10 ); ?>; border-radius: 3px !important; }
 * #template_header {
    background-color: <?php echo esc_attr( $base ); ?>; border-
   radius: 3px 3px 0 0 !important; color: <?php echo esc_attr( $base_text ); ?>;
   border-bottom: 0; font-weight: bold; line-height: 100%; vertical-align: middle;
   font-family: “Helvetica Neue”, Helvetica, Roboto, Arial, sans-serif; }
 * #template_header h1,
    #template_header h1 a { color: <?php echo esc_attr( $base_text);?
   >; }
 * #template_header_image img {
    margin-left: 0; margin-right: 0; }
 * #template_footer td {
    padding: 0; border-radius: 6px; }
 * #template_footer #credit {
    border: 0; color: <?php echo esc_attr( $text_lighter_40);?
   >; font-family: “Helvetica Neue”, Helvetica, Roboto, Arial, sans-serif; font-
   size: 12px; line-height: 150%; text-align: center; padding: 24px 0; }
 * #template_footer #credit p {
    margin: 0 0 16px; }
 * #body_content {
    background-color: <?php echo esc_attr( $body ); ?>; }
 * #body_content table td {
    padding: 48px 48px 32px; }
 * #body_content table td td {
    padding: 12px; }
 * #body_content table td th {
    padding: 12px; }
 * #body_content td ul.wc-item-meta {
    font-size: small; margin: 1em 0 0; padding:
   0; list-style: none; }
 * #body_content td ul.wc-item-meta li {
    margin: 0.5em 0 0; padding: 0; }
 * #body_content td ul.wc-item-meta li p {
    margin: 0; }
 * #body_content p {
    margin: 0 0 16px; }
 * #body_content_inner {
    color: <?php echo esc_attr( $text_lighter_20 ); ?>; font-
   family: “Helvetica Neue”, Helvetica, Roboto, Arial, sans-serif; font-size: 14px;
   line-height: 150%; text-align: <?php echo is_rtl() ? ‘right’ : ‘left’; ?>; }
 * .td {
    color: <?php echo esc_attr( $text_lighter_20 ); ?>; border: 1px solid 
   <?php echo esc_attr( $body_darker_10 ); ?>; vertical-align: middle; }
 * .address {
    padding: 12px; color: <?php echo esc_attr( $text_lighter_20 ); ?>;
   border: 1px solid <?php echo esc_attr( $body_darker_10 ); ?>; }
 * .text {
    color: <?php echo esc_attr( $text ); ?>; font-family: “Helvetica Neue”,
   Helvetica, Roboto, Arial, sans-serif; }
 * .link {
    color: <?php echo esc_attr( $base ); ?>; }
 * #header_wrapper {
    padding: 36px 48px; display: block; }
 * h1 {
    color: <?php echo esc_attr( $base ); ?>; font-family: “Helvetica Neue”,
   Helvetica, Roboto, Arial, sans-serif; font-size: 30px; font-weight: 300; line-
   height: 150%; margin: 0; text-align: <?php echo is_rtl() ? ‘right’ : ‘left’; ?
   >; text-shadow: 0 1px 0 <?php echo esc_attr( $base_lighter_20 ); ?>; }
 * h2 {
    color: <?php echo esc_attr( $base ); ?>; display: block; font-family: “
   Helvetica Neue”, Helvetica, Roboto, Arial, sans-serif; font-size: 18px; font-
   weight: bold; line-height: 130%; margin: 0 0 18px; text-align: <?php echo is_rtl()?‘
   right’ : ‘left’; ?>; }
 * h3 {
    color: <?php echo esc_attr( $base ); ?>; display: block; font-family: “
   Helvetica Neue”, Helvetica, Roboto, Arial, sans-serif; font-size: 16px; font-
   weight: bold; line-height: 130%; margin: 16px 0 8px; text-align: <?php echo is_rtl()?‘
   right’ : ‘left’; ?>; }
 * a {
    color: <?php echo esc_attr( $link_color ); ?>; font-weight: normal; text-
   decoration: underline; }
 * img {
    border: none; display: inline-block; font-size: 14px; font-weight: bold;
   height: auto; outline: none; text-decoration: none; text-transform: capitalize;
   vertical-align: middle; margin-<?php echo is_rtl() ? ‘left’ : ‘right’; ?>: 10px;
   max-width: 100%; height: auto; } <?php

Viewing 4 replies - 1 through 4 (of 4 total)

 *  [wbrubaker.a11n](https://wordpress.org/support/users/wbrubaker/)
 * (@wbrubaker)
 * [6 years, 2 months ago](https://wordpress.org/support/topic/email-styles-php/#post-12576293)
 * Hi there,
 * It’s not been coded incorrectly. This is more likely caused by the PHP interpreter
   on your site. Can you provide a copy of your system status report here?
 *  [pecktron2000](https://wordpress.org/support/users/pecktron2000/)
 * (@pecktron2000)
 * [6 years, 2 months ago](https://wordpress.org/support/topic/email-styles-php/#post-12579655)
 * My emails are all rendering with broken HTML since the big update. How can I 
   fix this?
    It is happening on all of the various notifications that Woo is sending
   out.
 *  [wbrubaker.a11n](https://wordpress.org/support/users/wbrubaker/)
 * (@wbrubaker)
 * [6 years, 2 months ago](https://wordpress.org/support/topic/email-styles-php/#post-12599553)
 * [@pecktron2000](https://wordpress.org/support/users/pecktron2000/) that’s a completely
   different topic. Please start a new thread.
 *  Plugin Support [EtienneP a11n](https://wordpress.org/support/users/etiennep/)
 * (@etiennep)
 * [6 years, 1 month ago](https://wordpress.org/support/topic/email-styles-php/#post-12723535)
 * We haven’t heard back from you in a while, so I’m going to mark this as resolved–
   if you have any further questions, you can start a new thread.

Viewing 4 replies - 1 through 4 (of 4 total)

The topic ‘Email-Styles.php’ is closed to new replies.

 * ![](https://ps.w.org/woocommerce/assets/icon.svg?rev=3234504)
 * [WooCommerce](https://wordpress.org/plugins/woocommerce/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/woocommerce/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/woocommerce/)
 * [Active Topics](https://wordpress.org/support/plugin/woocommerce/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/woocommerce/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/woocommerce/reviews/)

 * 4 replies
 * 4 participants
 * Last reply from: [EtienneP a11n](https://wordpress.org/support/users/etiennep/)
 * Last activity: [6 years, 1 month ago](https://wordpress.org/support/topic/email-styles-php/#post-12723535)
 * Status: resolved