AM
0
How to prevent phones from changing font color for dates?
Hi
I am designing email invites and using Get Response for my email campaign.
I have dates on my invite, and when the invite is viewed on an iPhone, the font colour of the linked dates is changing to white colour and it can't be seen as my background is also white.
Any coding help to stop the font colour of the dates from changing?
Any help would be greatly appreciated.
Cheers
Are you trying to fix the styling of the dates (e.g. recipient should still be able to tap them) or do you want to prevent them from being detected as dates entirely? If you want to make it so that iPhone, Gmail and other email clients don't convert your dates into links, the simplest way is to use zero-width whitespace. As the name implies, it has zero-width so it is invisible but it thwarts date detection -- and a whole host of other things like phone numbers.
Just insert a #8203; character anywhere within your date and PRESTO, problem solved.
March#8203; 23, 2015
produces March 23, 2015 sans unexpected links or styling.Try using non-braking spaces (   ; ) and / or &ndash ; within the phone number that should throw off the detection.
for the date use / ; for the /
(sorry added spaces to make the HTML codes visible as codes not symbols) should be &#XX; or &Foo; not &FOO ;
In the header just use this line of code:
Also, you can add more extra lines replace 'date' with 'telephone', 'email', and 'address' to prevent iPhone and to autoformat them.
Hi Jeanette, thanks for responding. I can't seem to fix this. The current coding I have for the particular section is:
Basically, the "Friday 12th August 2016" is displaying fine on email but when viewed on iPhone mail, it shows in white colour (and my background is also white) so it cannot be seen on the iPhone.
I would really appreciate your help in fixing this problem.
Try this in the CSS in the head of the email:
Are you able to share your HTML head copy?
Hi Edward, what is headcopy? Are you able to send me your email and I can email the whole coding to you?
Hi Amar - this is the text in between the <head></head> tags.