- This topic is empty.
Viewing 4 posts - 1 through 4 (of 4 total)
Viewing 4 posts - 1 through 4 (of 4 total)
- The forum ‘CSS’ is closed to new topics and replies.
The forums ran from 2008-2020 and are now closed and viewable here as an archive.
Hello,
Has anyone had any success with tweaking their HTML emails?
We’ve got this @media query working however it was my understanding that using the [square brackets] would mean that only mobile mail clients would see it? The media query is kicking in on mac mail too…
@media screen and (max-width: 340px) {
p[class=”intro”] {
font-size: 30px !important;
}
p[class=”paragraph”] {
font-size: 32px !important;
line-height: 1.2 !important;
}
}
>using the [square brackets] would mean that only mobile mail clients would see it
Not heard of that…do you have a source?
I may well have that wrong end of the stick after reading this article…
http://www.netmagazine.com/tutorials/build-responsive-emails
Actually what I have does work – provisionally just a quick fix to bump up the text size for mobile however I wasn’t expecting it to re-size if I opened / scaled it in the browser.
A quick google leads me to believe that the reason for the square brackets (attribute selectors) is to fix a problem with Yahoo mail.
To be honest, without seeing the code it’s hard to see what the issue might be.