Email CSS Styling

[Mr Gawrjuhs]

I've created a new page template in BC for a customer to use for an email campaign.

The majority of the email content is being pulled from a Web App that I also created for my customer.

The email campaign is all set-up and ready go.

However I'd like to carry out a little CSS styling on the hyperlinks before the campaign is sent.

Reading various articles on the internet I see that it is recommended to keep the CSS Styling within the document.

My question is where and how do I add the CSS Styling I want?

If anyone can point me in the right direction I'd be most grateful.

Many thanks.

[Lynda-S]

You have to use inline styles to style an email. IE:

<a href="#" style='color#222;'>Link</a>

Here are a couple good links for styling/coding emails:

http://www.campaignmonitor.com/guides/coding/guidelines/

http://www.campaignmonitor.com/css/

Hope those links can help.

Lynda

[Mr Gawrjuhs]

Thanks for the response and the links Lynda - both most helpful.

The specific problem I have is that the content for the body of the email is being pulled from a BC web app.

So apart from the HTML table on the BC template page - containing the header and footer info - and the web app module {tag}, I'm at a bit of loss as to where I can add the styling for the h3 subheads and a:links.

I'm sure it must be possible in BC as an automated email, that my customer generated from their previous system, was styled beautifully.

Further thoughts anyone?

[Liam Dilley]

You mean on the html of the web app?

Just use a custom layout for the web app and do inline style and call that in your email.

[Mr Gawrjuhs]

Sorry Liam I don't quite understand your response.

The web app already has correct styling applied to it for the site.

Now I want different styling - fonts etc. - for the email.

Or are you suggesting this is possible? If yes, then how?

[Liam Dilley]

Well you will have html and targeting of elements. If you are just using the list view layout, use the backup with inline html and call that in the newsletter. If you are using both then you can use a custom template for it.