Adding CSS to Emails?

[jayarajantony]

We are looking for adding CSS (Adding a arrow shapes to showcase the state) in the Email we designed. We had used mail scripts and script include which are called from Email Notification.(Email notification calls mail script, Mail script calls the function in script include which returns html content of the mail design) . In script include we get style tag and its content(populated from local style sheets) and returning it to notification but it is not reflecting properly.

Is there any way to add CSS to Email notifications? or Is there any way to add style tag or head tag to notification.

Note: We have also used email templates   where CSS worked but for few browsers(IE8,9 ,chrome). it comments the style tag and the CSS is not working as expected.

[Tom Alday]

It can be done using inline CSS styling

[jayarajantony]

Hi Alday,

Thanks for your reply.

We are looking for drawing an arrow symbol using three <div> elements. (We specify top left/right &bottom left/right borders for each div element to get the shape we needed.) . I have tried the same using local style sheets, inline CSS and direct hardcoding of style tag content through script.

I have tried inline CSS also to achieve the same as follows:

              <div style'"all styling things">

Other normal inline CSS is working like background color /font name/size of elements. But not this shape related inline CSS.

But it was not working since mail itself   dint get created.

[Tom Alday]

It's been a while since I messed around with my email templates but I don't think Divs worked at all for me, I had to use tables and inline styling to get anything to look good.

[jayarajantony]

Hi Alday,

I have used SPAN instead of DIV, But it worked only for IE 9 and chrome but for all other browsers same thing is not working.

Thanks for your reply.