Many thanks in advance for your time and effort. Is there a solution for this or is it just a fact that this CSS styling just doesn't work for all e-mail clients / browsers? In Outlook all blue underlines are not shown anymore, so the CSS seems to work properly for the Outlook client but not for other clients or webmail. Even with the general CSS for links (using a:link, a: visited, a: hover and setting all to text decoration:none) the blue underline remains on the link in certain clients and in the browser/webmail. Also in Gmail (client) it does not come out right.

The outcome is each time that the e-mail looks okay in the Outlook client, but not okay when the e-mail is opened in for instance Outlook webmail, or Hotmail in a browser. I have applied this to the text, to the link above it in the widget tree, and even added general CSS for links on the whole e-mail. I have tried different options using CSS 'text-decoration: none'. Specifically, you need to use: text-decoration: none. This specific item should not become underlined in the e-mail. To remove the underline from a hyperlink, you need to use the CSS text-decoration property. Border and box-shadow are two other methods I'm aware of for underlining links.

Sometimes you use a Wordpress theme or someone else's CSS where links are underlined by other methods, so that text-decoration: none won't turn off the underlining. In the e-mail there are some links which are supposed to have a blue underline, but there is also a button with text in it which is also a link. The other answers all mention text-decoration. I have an application that is sending out e-mails. Here is the code i inserted in the custom css for the on hover:Ī.

My site is in maintenance mode, but will be live shortly – either tonight or in the morning. I am also trying to remove the text-decoration: underline to text-decoration: none in the content area, but that too is not executing. The easy way to remove all hyperlink underlines on a single web page is to declare the text-decoration: none rule directly into the head of your web document. I found where it should work but it is not executing. It didnt give a color hover change either just changing the a link. Hello – I was able to change the color of my links in the menu, content and buttons, but can’t seem to get the a.hover to change on those elements. The provided code affects the entire site, even the wordpress admin links.

Hide underline in hyperlink