Hello

One option would be to enable just the RSS icon. You can then replace this icons with an email icon by adding the following to the Custom CSS field of your templates parameters...

.social-rss a {

    background: url("../images/social_icons/email.png") !important;

}

Ciarán

Please note I am new to Joomla. So I might need some hand holding.

I am using the J51 Habitat - Example Style 1. So I went into
Extensions> Template Manager > J51_Habitat - Example Style 1 > Custom CSS and placed your code below the existing code

.social-rss a {
background: url("../images/social_icons/email.png" !important;
}

The result is I get Twitter and Facebook icons. I would like just a email link and nothing else, Thank you in advanced.

Update: If I take the "#" out of the Twitter URL and Facebook URL the icons disappears. Only the RSS remains. Now when I go into the custom code tab and add your code the RSS icons disappears too. But you can hover over the area so I'm thinking something work with the custom code. The email.png image is there in the directory. If I pu in the entire URL path for the image location ex. http://www.yoursite.com/joomla/template/..... it works.

Thank you.

Oh. Just noticed that when I hover over the email icon the tooltip says RSS. How do I change that?

Hello

Thank you for sharing your solution

To replace the link title you will have to edit the core template files. In your templates index.php (../templates/j51_habitat/index.php) could you try replacing the following...

<li class="social-rss"><a href="/<?php echo $this->params->get('social_rss'); ?>" target="_blank" title="RSS"></a></li>

With....

<li class="social-rss"><a href="/<?php echo $this->params->get('social_rss'); ?>" target="_blank" title="Email"></a></li>

Hope this helps

Ciarán