Michael
Michael

Reputation: 44240

Inline style without use of the head tag

I'm creating a HTML email for a client. Usually I whack the following bit of code in the head of the document which fixes some issues with rendering on iOS devices.

<style type="text/css">
HTML {
-webkit-text-size-adjust:none;
}
body {
background-color: #c9c9c9;
}
.ExternalClass * {line-height: 100%;}

However this time client requires the email be marked up using DotMailer's Easy Editor tags - so they can drag and drop content etc. - and DotMailer refuses to acknowledge I've marked it up with it's proprietary tags unless I scrap all use of HTML, HEAD and BODY tags, leaving just the stuff between the BODY tags.

Any ideas of a work around? A style tag can't go in the body and I can't put the styles inline on the individual elements because they all get appended later.

Apologies if it's a niche question but I figured someone might be able to come up with a creative solution. DotMailer's staff have been useless.

Upvotes: 0

Views: 399

Answers (1)

Kevin Lynch
Kevin Lynch

Reputation: 24723

In dotmailer you have an option to view it in code view, when you are at the dragging and dropping stage. At the top of the code you can add <style> tags and they will work perfectly. I have built a few dotmailer templates and this is how you mark them up.

Upvotes: 1

Related Questions