
Yahoo Background Color Issues
Hi
I know that the issues regarding centre-aligned content have been discussed extensively (below), but I'm finding that although I'm able to rectify the left/centre alignment problem, I'm still experiencing an issue whereby no background colors are appearing in my email on Yahoo. This has been mentioned in passing in some of the threads below, but never touched on in detail which makes me think that other people aren't experiencing it, or that it should be fixed as part of my "table-layout: fixed; margin: 0 auto" fix.
Unfortunately it's not the case for me, and I'm finding that not only is the background color not showing on the wrapping table - which I can live with - it's also not showing on my bulletproof buttons throughout the table. With white text on a dark background colour, this is rendering my CTA useless.
I've so far tested this personally in Firefox, Chrome and Safari and found it to be the case. My Litmus test in Chrome also backs this up, although the Explorer test renders perfectly (Yahoo on Firefox test hasn't been running for me for some time now).
Background color is being set on the table with both the bgcolor="" and as an inline-style.
Any help or experience would be greatly appreciated.
Thanks, Scout.
https://litmus.com/community/code/472-can-t-align-html-email-to-center-in-yahoo-mail
https://litmus.com/community/code/809-yahoo-alignment-help
https://litmus.com/community/code/217-yahoo-change
https://litmus.com/community/discussions/354-yahoo-mail-as-of-july-10-2014
Is there any chance that you can share a builder? The only background color problem that I've ever run into in Yahoo is trying to use rgba, so it might just be a matter of another set of eyes on the code. If not, but you could send a test, I have a burner Yahoo account: tecdan7@yahoo.com. (Don't judge, it was 2001 LOL)
Thanks Dan. I've sent you a production email from our latest send (we're a daily deals company, don't judge).
This is a build prior to me trying anything on the body tag, but the Litmus tests suggests that's not fixing anything for me.
I've also done some local dev to add the table-layout: fixed. Again, this hasn't helped any with the background color, and whilst it's corrected the centre-align issue its also introduced a gmail issue. But that's besides the point really, it's the background color issue that's more problematic.
Thanks for sending it over. I took a peek and have some ideas on tracking things down.
background: transparent !important;
. Yahoo seems to be being "helpful" and applying that to * with an ID number which makes me think it yanked it from somewhere in the code. GIFtable-layout: fixed;
approach is to usetable { margin: 0 auto !important;
} in a style block. That may fix it without the Gmail issues. GIFDan, thanks so much for looking at that, and apologies also for not having caught that one myself. I couldn't be more grateful to you.
I've just checked with another test, and it's a print media query that's stripping out the background color and which Yahoo mail seems to be reading irrespective of media. So to start with that's coming out, and I can go back to the drawing board on the print styles.
We're a UK based site so a gift voucher probably isn't much use to you, but if you have any place I can leave you something by way of thanks just drop me a line.
Scout.
That stuff happens to me all the time, it's why I was thinking another set of eyes would help.
Thank you very much, but I just like helping out. This was a fun distraction :)
Try putting the background color you want in the <body> tag? I usually do: <body bgcolor="#DDDDDD">
Thanks Mike. I must admit the I didn't have it set on body, but unfortunately doing so this morning has made no difference. It's specifically in Yahoo on Chrome, and applies to all elements which should have background color, from the wrapping table down to the buttons within. Quite frustrating.