I'm trying to customize, woocommerce order confirmation email. I'm trying to add padding "if it's mso " to my logo_wrapper that contains a logo like this
add_filter( 'woocommerce_email_styles', 'ga_woocommerce_email_styles' );
function ga_woocommerce_email_styles( $css ) {
$css .="<!--[if (gte mso 9)|(IE)]>
<style> #logo_wrapper{padding:10px !important;}</style>
<![endif]-->";
return $css;
}
it doesn't work as expected,if i try this $css .= " #logo_wrapper{padding:10px !important;}"; it works.But, I want the padding to work only for outlook client. I'm having trouble with the mso conditional.I also tried removing the tag inside $css. Any suggestions on what's going wrong?