CSS Tooltip / Posts /

Can tooltip be hidden in an email?

5
I use the tooltip for a food delivery site - to describe some of the food items. The items, when ordered, get emailed in a confirmation email.

The emails contains the whole thing, including the tooltip. In otherwords, the display:none does not work.  Is there  any way that you know of that can hide the <span> content in the email? I tried to put:

a.tooltip span {display: none; font-size: 0; width: 0; height: 0; max-height: 0; line-height: 0; padding: 0; visibility: hidden; mso-hide: all; color: #fff;}

in the template of the confirmation email, but I'm still receiving the orders with the tooltip. Any help would be greatly appreciated.


Natalie  3 years ago   viewed: 6345    

2 Answers

0
1. Is your tooltip style written within the <style></style> tag (you should have that tag)?
2. Did your email convert the HTML tag into text (it should not be converted. If you want the content to be HTML content, everything should be following the HTML rule)?
Milo   3 years ago
0
Hi, thanks so much for your reply

1. yes I have the style. I tried it in the head and it didnt work. 
Right now it's in the body. here is what I have: <style type="text/css">a.tooltip {outline:none; text-decoration:none; color:#000 }
a.tooltip:hover {text-decoration:none;} 
a.tooltip span {display: none; font-size: 0; width: 0; height: 0; max-height: 0; line-height: 0; padding: 0; visibility: hidden; mso-hide: all; color: #fff;}
</style>
2. The email comes in HTML. I know because I have bold and font size set and it works. 
Natalie   3 years ago

   

Your name*
Password
(Optional. Used to modify this post afterwords)
+ =  

Ask your Own Question

  • If your question is related to the topic of this post, you can post your question to this page by clicking the "Post a reply" button at left;

  • When you want to start a new page for your question: