foundation-emails
foundation-emails copied to clipboard
foundation
Normal <button> display for Outlook 2013 DPI 120?
Client is reporting a "white line" on a standard Inky button with Outlook 2013 DPI 120 client. Is this due to the client/litmus?
Litmus test: https://litmus.com/checklist/public/badc73d
How can we reproduce this bug? Standard syntax of using
Write out the HTML (or Inky code) that causes the issue.
<container> <row> <columns small="12" large="12" valign="bottom"> <button href="{{fake-link}}">BUY TICKETS</button> </columns> </row> </container>
What did you expect to happen? No "white line" shown on the bottom of the button.
What happened instead? A "white line" appears, and can't tell if this is normal or not due to DPI configuration by Litmus?
What email clients does this happen in? Outlook 2013 DPI 120
Going to try a vanilla install of Foundation for Emails (no other sass stuff).
related: https://mosaico.io/email-client-tricks/outlook-2016-weird-1px-horizontal-lines/
No solution at the moment.
When sending an actual test send from the Email Service Provider directly into Litmus, we didn't experience this issue. A pretty wild email client. (prior we were just copying and pasting the html into litmus)
Tested on Litmus by pasting in:
Tested by emailing:
Same.
This is even happening with Bulletproof buttons: https://litmus.com/community/discussions/3607-outlook-120-dpi-breaking-my-button
Found more here with potential solutions: https://litmus.com/community/discussions/151-mystery-solved-dpi-scaling-in-outlook-2007-2013 https://www.emailonacid.com/blog/article/email-development/dpi_scaling_in_outlook_2007-2013
@rafibomb try adding the following into your layout file: https://gist.github.com/stevesmename/b55eddf408be3ee1e194aafeda122ee8
@stevesmename I tried using the fix and still my button have a small white line below the button. Is there an alternative fix ? Thanks.
