Community Forum

Over the years we have built up a community of email marketers, coders and designers that live and breathe email.

Use the Email on Acid Forum like your virtual water cooler: Stop by to discuss email code, quirky clients and fixes and post your issues (with an example of the code) for our community to offer its assistance.

 
   
Hotmail conversion of class and selectors but some left out

4CASTWEB

Newbie
Total Posts:  4
Posted: 15 May 2012 12:27 PM

Found a problem with hotmail that doesnt seem to be mentioned on your site.

(as you say) hotmail converts all css and classes to have ecx in front of it.
Which normally is fine.

although i have noticed in my one circumstance that it didnt convert one class=“title” to class=“ecxtitle” but it did change the selector in my css, so the code didnt match anymore and my title therefore didnt get styled.

What could be the case for this? it is a nested table, and the code is as follows

<thead
   <
tr>
      <
th class="title">
          <
a></a>
      </
th>
   </
tr>
   <
tr>
      <
th class="ecxdate">
          <
span class="ecx">03 May 201213:43</span>
      </
th>
    </
tr>
</
thead

As you can see, it does change the other css class of the th and the span.

I have resolved the issue on my side by using a workaround and targeting another selector, but it would be great if anyone knew why hotmail converts some of the class and others not.


 

Michelle Klann

Avatar
Administrator
Total Posts:  204
Posted: 15 May 2012 02:38 PM
[ # 1 ]

Yeah, we’ve noticed a similar behavior.  It’s not a selector its the string “title” that is causing the issue.  Change your class name to anything else and it will work.

We’ve actually found this in other clients too, wherein generic words like “body” or “title” get ignored by the email client.

IE:

.body {..}
.title {..}


 

4CASTWEB

Newbie
Total Posts:  4
Posted: 15 May 2012 02:41 PM
[ # 2 ]

Ah, ok, makes sense. Thanks for the info!