In Microsoft Outlook, in this case 2016, but also 2013, possibly older.
I need to change the color of the auto-inserted line, when replying to mails.
I know it can be done, since I have a customer that uses differently colored lines by default when replying or forwarding mails.
I tried asking, they have no idea how it's done :-/
Here are some pictures to illustrate what I need changed:
Note the two horizontal lines, one grey, one blue.
The grey is mine, with the default #E1E1E1 color.
The blue one is one my client forwarded, the one I'm aiming to replicate.
(#B5C4DF)
I found out where the line is applied. When placing the cursor in the "From" text of the message header, and choosing to format Borders and Shading..., it can be modified manually.
Here the settings can be seen.
But only manually in this case.
I need to know how to edit the default values.
Is it an Outlook setting?
Registry maybe?
Or is it somewhere in NormalEmail.dotm perhaps?
I'm at a loss, and extensive web searches have revealed nothing :-/
Related
I have a heavily modified Rainloop install. Figured out a lot of ways to modify it, but having the following issue:
Rainloop shows a DKIM signature indicator (with it's own interpretation) as a green checkmark.
If you hover your mouse pointer over it (when shown), it will show a "tool-tip" of the text in that header.
The problem here is, on mobile you can't "hover", generally speaking. How can I access the header data via JS, or how can I talk to the element for the "tool-tip" for the DKIM header info so I can put a click-listener on the indicator?
It's nice they show it on the mouse-over, but I can't seem to find any way to reference it.
In addition, it would be really grand to show that info in the "info" expandable box.
This is all pertaining to the Message View in Rainloop specifically.
Really nice program. But there is no documentation on their API.
Anyone have ideas on this? I can't seem to get a handle on it through devtools.
If I could just get a solid CSS selector to reference it by that would be grand.
All I seem to be coming up with on searches are similar expressions.
Hoping maybe someone on Stack might have found a clue on this, because DKIM is important, and ordinary users need simple indications as to trust.
This is something to help other people, not just me, so if anyone has a way can you share?
Okay. So right after I posted, I did find it. Not sure how I missed it before, but the dkim results header data can be found in the "dkim icon"'s title attribute-- the "icon" is an tag (rainloop hijacks the tag as UTF8 icon containers).
So the tooltip apparently is an actual tooltip, whereas I thought it was something like a hidden div being shown on a mouse-over.
I wonder if there is a way to get it to show on a click instead of a hover (preferably using CSS).
I'm finishing up a Mailchimp template and Gmail is the biggest headache now.
In my head I have some styles (css) and media queries. If I put the media-queries at the bottom - it stops most of the styles from getting through. If I put the media queries at the top - all my styles work perfectly but the mail looks "broken down" (like it should under 600px width / Mobile) like the media queries already kicked in.
Firstly I didn't think Gmail should read anything inside of a media-query and secondly why are is my mail shown "responsive" when I have full browser width?
---- on a side note ---- I know I can go through everything and add inline styles but, I have three templates and I'd rather not if I can get away with it :)
I found out through extensive google-ing that I'm not the only one in the world that had this (weird) problem. I quote Lucas Mainardi below that posted an answer to a similar problem for Outlook.com.
Basically, putting an extra style tag with your media queries just before the closing body tag will fix things.
I've tested on my devices (gmail, iphone, thunderbird) and it doesn't seem to do any damage for clients that didn't have problems before. I'm also waiting for my Mailchimp inbox inspections to finish (where I test more clients like Outlook, Android etc). I'll edit my answer if it seems to do any harm, otherwise consider this a solution.
Hello James,
In the comments bellow I posted a possible solution to this issue in Outlook.com.
The problem seems to be the area in which the email is loaded. Apparently, the area starts out in a small size and is resized a few seconds later, but in that time the media queries fire up and display the mobile version. This is because the media queries are read first in the hierarchy of the code (they're at the head section) and the HTML email is read second.
The solution I found is to place the style section which contains the media queries after the HTML e-mail, specifically right above the closing body tag.
I tried this out in Litmus and all seemed to work just fine across the board (no other browsers/mobile devices/e-mail servers seem to be affected negatively, displaying the exact same version of the email with the styles in the head section).
Taken from http://emailwizardry.nightjar.com.au/2013/08/28/media-queries-in-html-email-cover-all-your-bases/
I am sending an autoresponse email which seems to turn a paragraph text into a hyperlink even though I don't want that to happen. This is only happening to Gmail specifically. The text has to have the .co.uk within as thats the name of the company, so can't remove it by law.
I can't use an image replacement for this.
Does anyone know of any suggestions to this?
Adding is a wise option .
Solution for user2447272 :
Replace .co.uk in your mail body with .co.uk
Generic solution :
mailBody.replace(".",".");
It worked out for me.
All tricks with replacing dots didn't work for me.
I found another trick - just replace first letter of the domain in uppercalse.
For example, I had a link: fotodruka.lv which got replaced, but if I enter Fotodruka.lv it remains as text.
Wrapping the # and . in <span> seems to work too:
emailAddress = emailAddress.replace(/#/g, '<span>#</span>').replace(/#/g, '<span>#</span>')
I know Gmail likes to turn addresses and phone numbers into links - not sure why it is doing it to the whole paragraph though... This works to hide the blue hyperlink on phone numbers, so it may work if you wrap your address with this:
somewhere.co.uk
or try a zero width space . Never used it myself, but putting it into the middle of your address may make it unrecognizable (hence unconverted) in Gmail. You could also try breaking the address up with spans.
Since 'cellpadding' attribute is not supported in HTML5, what's the best way to apply padding to all cells in a table in HTML e-mail?
I've read that linked style sheets are are bad idea as widely ignored by email clients so at the moment I can only think of adding inline style="padding:5px;" to every element in table but this seems pretty long-winded!
Any ideas?
Even though something isn't supported, emails are a special rule. The bgcolor="" rule for example has been depreciated for a while, yet is still the best way to add a background color in email. In fact, most email clients strip out the doctag all together.
Linked style sheets don't work, even style tags are ignored by web clients.
Here and here and here are some references to get you started in the crazy world of html email design
I have a template which i used for sending emails written purely in hand made with css, and then i tested in Firefox/InternetExplorer/Chrome browser. But when i send that email to My boss PC as he is always Microsoft outlook user.
He always gets the alignment broken, texts broken all problems start. My question is how do you really write then? None of the web browser showing my template wrong.
I searched a lot, but most answers are not deeply and correctly well answered about this. I would really appreciate some experts input on this.
Thanks
outlook uses an older version of Trident, the CSS rendering engine. Depending on what Outlook your boss is on, the worse it can get. Outlook 2010 actually reverted to an older version of Trident because of Microsoft losing the Anti-trust case with the EU, so whatever version was before 2010 actually renders better, however they are both quite subpar # best.
you're going to want to literally stop developing with modern html/css and fall back on old school table layouts. i know, its gross, but you're going to have to do it for email.
the best tests are native, but if you don't have access to both versions (not many do) you should check out EmailOnAcid.com, they provide a plethora of email clients you can test on.
constantcontact.com, mailchimp.com and campaignmonitor.com all offer more than testing services if you need anything else.
Outlook 2007 is the bad guy. Any newer or older is much better. In Outlook 2007 lots of CSS commands don't work.
See this page: http://www.email-standards.org/ for details.
However, try sending your emails to Gmail.com and see how it gets displayed in Gmail web interface - Gmail is quite restrictive and as a rule of thumb, if it displays nicely, it should look good in other web clients too.
Some advice regarding HTML emails:
Outlook
It is good to provide width for Outlook, otherwise the CSS may crash.
Outlook doesn't support padding for <div>s / <p>s, float and various other things.
Gmail
For Gmail, you should use inline CSS in preference to defining classes.
Gmail actually parses CSS provided by you and for instance, changes height to min-height so using height is useless. However min-height of <td> is not respected by the browsers, so internal <div>s inside <td>s can be used to assure that min-height was applied.
Gmail strips background images, and generally in all email clients images are displayed upon user request for security reasons. Therefore, wrap images with <div> and set background color and color of this outer div, and provide alt (alternative text) for image (note also that images with empty src do not preserve width and height while rendered by the browser).