Thanks again for looking into this and for your quick replies and fixes. I’ve tested this out and the title bar now reflects the background and text color of the regular woocommerce emails. However there are yet some stylistic differences – particularly in the font, font-size and width of the email body.
This is the woocommerce email title style:
<h1 style=’font-family: “Helvetica Neue”,Helvetica,Roboto,Arial,sans-serif; font-size: 30px; font-weight: 300; line-height: 150%; margin: 0; text-align: left; text-shadow: 0 1px 0 #339733; color: #fff; background-color: inherit;’ bgcolor=”inherit”>Email Title</h1>
…and this is yours:
<h3 class=”rr-notification-title” style=”color:#ffff;font-size: 20px” >Renewal Reminder</h3>
I think those WC styles could just be copied over to the header tag in your email template?
Also, the width of the WC email display table is capped at 600px (at least for desktop), which I think makes it look a bit tidier:
<table border=”0″ cellpadding=”0″ cellspacing=”0″ width=”600″ id=”template_container” style=”background-color: #fff; border: 1px solid #dedede; box-shadow: 0 1px 4px rgba(0,0,0,.1); border-radius: 3px;” bgcolor=”#fff”>
Maybe adding a “max-width: 600px” (and that other styling css) to this bit of code in the RR template would do it?
<table width=”100%” class=”rr-main-table wrapper” align=”center”>
Thanks for your work on this!