I am using a number of related WooCommerce plugins including WooCommerce Subscriptions and Events Tickets. The Events Tickets plugin has an add on plugin that adds event and attendee information to the WooCommerce order pages, including emails. On the WooCommerce Subscription specific emails, the CSS outputs directly to the mail, it's as if the echo function has been stripped. However, to contrast, on the non-subscription mails the CSS isn't output it simply doesn't add the styles. Here's how the stylesheet is being called in a function in the plugin:
echo '<style type="text/css">';
include( 'resources/tribe-attendee-meta-table.css' );
echo '</style>';
The CSS looks like this:
.woocommerce table a.event-title {
font-size: 1.25em;
font-style: italic;
}
This seems to be added dynamically as an inline style. I have to say I am not how this is being applied, but led be to believe it was something to do with the style names:
.woocommerce table
So if I write the CSS this way:
a.event-title {
font-size: 1.25em;
font-style: italic;
}
Then in the non-subscription notification email everything is added correctly as inline styles.
Unfortunately for the default subscription the CSS is being output to the page like this:
https://screencast.com/t/J7B8utYqs
To solve the issue I've simply disabled the styles being applied, since it doesn't make a major difference to how the mail looks, as long as the information is included.
I hope that provides enough information to help me look in the right area.