Does the Style Sheet in Email Stationary overide the site-wide CSS?

Options

This sounds simple, but I've been beating my head against this problem for a while.

I would like to cut down on the amount on in-line style code I use in my HTML emails, due the fact that the code is hard to maintain for my less web-savvy colleagues. Basically, when everything is coded element by element, it's easy to mess up the code if you didn't write it yourself.

The problem I keep running into is setting base FONT-FAMILY and FONT-SIZE styles, as well as BODY level styles, like color, background images, borders, margins, etc. at the Stationary CSS-level in Convio.

Whenever I try to specify these particular styles in the Stationary CSS they do not display, but instead display the site-wide defaults from my main CSS.

However, some of the Stationary CSS styles are picked up like general layout, borders, margins, etc.

At the moment I revert to highly specific inline styles to get the effect of a base style sheet.

To achieve this:

I do this:

Anyone else have this issue?

Tagged:

Comments

  • Hey there,

    So I think this really would depend on the email client with which you are viewing the email. One thing that might be happening is that is actually reading the external LINK CSS but stripping the style tags out of the HTML.

    If you're saying some of the stationary CSS is being applied, but others are definitely overridden, you might try using !important after style declarations. (perhaps the client is reordering the LINK vs the style tags?)

    To really sort out what is going on for a particular client, you would want to see what it has done to the raw HTML.

    Here's a great breakdown on all the CSS support of software and webware clients

Categories