Title: Adding E-mail Link to E-mail Address
Last modified: July 16, 2021

---

# Adding E-mail Link to E-mail Address

 *  [idyllea](https://wordpress.org/support/users/idyllea/)
 * (@idyllea)
 * [4 years, 11 months ago](https://wordpress.org/support/topic/adding-e-mail-link-to-e-mail-address/)
 * Hi,
 * On the “About Us” widget on the footer I have my contact information and the 
   phone number is clickable on the mobile version. I want to add a clickable link
   to the email address as well, I searched the forums and online blogs but couldn’t
   find a CSS code.
 * I’m using a self hosted WP website.
 * If you can point me toward where I should enter the CSS code as well I’d much
   appreciate it.
 * Thank you in advance.
    -  This topic was modified 4 years, 11 months ago by [Jan Dembowski](https://wordpress.org/support/users/jdembowski/).
      Reason: Moved to Fixing WordPress, this is not an Everything else WordPress
      topic
 * The page I need help with: _[[log in](https://login.wordpress.org/?redirect_to=https%3A%2F%2Fwordpress.org%2Fsupport%2Ftopic%2Fadding-e-mail-link-to-e-mail-address%2F%3Foutput_format%3Dmd&locale=en_US)
   to see the link]_

Viewing 3 replies - 1 through 3 (of 3 total)

 *  Moderator [Steven Stern (sterndata)](https://wordpress.org/support/users/sterndata/)
 * (@sterndata)
 * Volunteer Forum Moderator
 * [4 years, 11 months ago](https://wordpress.org/support/topic/adding-e-mail-link-to-e-mail-address/#post-14669949)
 * It’s not a CSS thing. You need to make that link a link. Are you using a link
   tool? The format of the link link is `<a href="mailto:mail@example.com">mail@example.
   com</a>`
 *  Thread Starter [idyllea](https://wordpress.org/support/users/idyllea/)
 * (@idyllea)
 * [4 years, 11 months ago](https://wordpress.org/support/topic/adding-e-mail-link-to-e-mail-address/#post-14670158)
 * Hi Steven,
 * I checked but I don’t seem to have a direct linking tool and I couldn’t find 
   a widget for it either. What did you mean by link tool? I’m using a self hosted
   wp website so the link symbol does not show up when I highlight a text.
 * The email link is on the “about us” widget so I don’t think I can edit the address
   from the widget itself. I might be able to add a CSS code to the appropriate 
   place, the widget shortcode itself or the theme php code.
 * A link to a phone number on the about us widget has been added previously by 
   another admin, so I know it’s possible. That link only works on mobile. I don’t
   know how they coded it or linked it so that it only works on mobile. I couldn’t
   find a related phrase on the CSS or a widget for it.
 * Any ideas on how I can link to email or find out (with phrase on the CSS or otherwise)
   how the phone number was previously linked?
 * Thank you in advance.
 *  Moderator [Steven Stern (sterndata)](https://wordpress.org/support/users/sterndata/)
 * (@sterndata)
 * Volunteer Forum Moderator
 * [4 years, 11 months ago](https://wordpress.org/support/topic/adding-e-mail-link-to-e-mail-address/#post-14670553)
 * Phone browsers recognize things like phone numbers and email addresses.

Viewing 3 replies - 1 through 3 (of 3 total)

The topic ‘Adding E-mail Link to E-mail Address’ is closed to new replies.

## Tags

 * [css](https://wordpress.org/support/topic-tag/css/)
 * [e-mail](https://wordpress.org/support/topic-tag/e-mail/)
 * [link](https://wordpress.org/support/topic-tag/link/)
 * [widget](https://wordpress.org/support/topic-tag/widget/)

 * In: [Fixing WordPress](https://wordpress.org/support/forum/how-to-and-troubleshooting/)
 * 3 replies
 * 2 participants
 * Last reply from: [Steven Stern (sterndata)](https://wordpress.org/support/users/sterndata/)
 * Last activity: [4 years, 11 months ago](https://wordpress.org/support/topic/adding-e-mail-link-to-e-mail-address/#post-14670553)
 * Status: not resolved

## Topics

### Topics with no replies

### Non-support topics

### Resolved topics

### Unresolved topics

### All topics