ZZ
0
Gmail link style
The styles on my links doesn't work on the Gmail email client. I use both inline and in the body tag styles, but it doesn't change at all. Here is the code I use:
.linkCell a, .linkCell a:link, .linkCell a:hover, .linkCell a:visited {
text-align: center !important;
display: block !important;
line-height: 40px !important;
color: #fefefe !important;
font-weight: bold !important;
text-transform: uppercase !important;
font-size: 14px !important;
font-family: 'Trebuchet MS', Helvetica, sans-serif !important;
text-decoration: none !important;
}
Have you tried adding the a element itself (no classes) to the list? I've seen instances where Gmail strips out any line that starts with a . (indicating a class name)- and the workaround seems to be putting a space before the class name at the beginning of the line. Two things to try.
I've added a span inside the anchor and give the colour to that and it worked.
You shouldn't need all those !important declarations (only needed for responsive styles), and I believe some versions of Outlook will actually ignore styles with !important.
rule of thumb, use inline style. Gmail (and probably other email clients) strips out the head style.