• Global community
    • Language:
      • Deutsch
      • English
      • Español
      • Français
      • Português
  • 日本語コミュニティ
    Dedicated community for Japanese speakers
  • 한국 커뮤니티
    Dedicated community for Korean speakers
Exit
0

(CSS) About styling signatures and/or mailers...

Engaged ,
Jun 25, 2020 Jun 25, 2020

Copy link to clipboard

Copied

I have a question for the vets at creating HTML signatures and mailers : basically, how do you handle styling?

 

Do you link to a CSS (stylesheet) located on a public server - which I already do this with the images - or do you include it in the HTML file, between <style> tags before the body?

 

Or do you do neither, and simply apply "style=" to every item regardless of how redundantly bloated things can get going that route?

 

Thanks!

TOPICS
Code , How to

Views

226

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines

correct answers 1 Correct answer

Community Expert , Jun 27, 2020 Jun 27, 2020

The industry-tested method is #3, inline styles.

 

Votes

Translate

Translate
Community Expert ,
Jun 26, 2020 Jun 26, 2020

Copy link to clipboard

Copied

Keeping in mind that e-mail clients are limited and do not behave the same as modern web browsers, I think you should look at HTML E-mail Templates and online signature generators that are industry tested to work in Outlook, Gmail, Apple Mail, etc...  And keep it simple. 

 

Online Signature Generator

https://www.hubspot.com/email-signature-generator

 

Free Litmus responsive e-mail templates

https://litmus.com/resources/free-responsive-email-templates

 

A Google search will reveal others.

 

Another Creative Cloud member option is to send your e-mail list a URL to your Adobe Spark page or video.

https://spark.adobe.com/

 

Nancy O'Shea— Product User, Community Expert & Moderator
Alt-Web Design & Publishing ~ Web : Print : Graphics : Media

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Engaged ,
Jun 27, 2020 Jun 27, 2020

Copy link to clipboard

Copied

I am specifically curious about the best method to implement the CSS (with plans to study a broader tutorial on email marketing later).

 

These are the 3 obvious methods I see :

 

  1. Define classes in a separate (linked-to) stylesheet located online.
  2. Define classes in the HTML page itself, before everything else, between <style> tags.
  3. Avoid using classes altogether, and apply CSS customisation directly to individual elements via "style=" (would mean more repetition/redundancy)

 

I am currently using method #2 and it appears to be working everywhere I tried it (including the notoriously picky Outlook 2016). In your opinion, is it generally safe to continue styling Sigs & Mailers this way?

 

Thanks!

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Jun 27, 2020 Jun 27, 2020

Copy link to clipboard

Copied

LATEST

The industry-tested method is #3, inline styles.

 

Nancy O'Shea— Product User, Community Expert & Moderator
Alt-Web Design & Publishing ~ Web : Print : Graphics : Media

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines