Hide Skype Click To Call Phone Icon Next To Phone Numbers

Here are 2 ways you can stop Skype from adding a phone icon next to your phone numbers.

Method 1: With CSS

This method would be useful for a phone number that is displayed on the page, but for whatever reason, you don’t want it to be “clickable”. This means that you don’t have the phone number marked up as a link like this:

<a href="tel:15555555555">555-555-5555</a>

If Skype adds a phone icon next to your phone, you can hide it with this CSS:

     display:none !important;

You may also want to restore your own text color since Skype changes the phone number’s font color to blue. You can restore your own font color for your phone number with the following CSS. Change “#000” to your own color.

span.skype_pnh_container span.skype_pnh_highlighting_inactive_common span.skype_pnh_text_span,
span.skype_c2c_container * {
	color: #000 !important;

Method 2: With HTML

This method will turn your phone numbers into clickable links. If you mark up your phone number like the following, then Skype will not insert any phone icon for that phone number.

<a href="tel:15555555555">555-555-5555</a>


Questions and Comments are Welcome

Your email address will not be published. All comments will be moderated.

Please wrap code in "code" bracket tags like this: