Social Icons with different Hover effects

[Sebastian]

Sebastian

July 11, 2014 at 2:16 pm

Hello again,

I want to have different Social Icons with different hover effects. Simply explained, because you have the same here in footer. Your social icons in your footer have also extra classes in the <a> and not only in the inner <i>.

I can do it with custom social text widgets, like i have in my sidebar:
*Login to see link

<a href="" target="_self" title="" data-toggle="tooltip" data-placement="bottom" data-original-title="googleplus" class="icon-google-plus-link">
<i class="icon-google-plus">
</i></a>

As you see, I have added a class to the <a> manually, it is class="icon-google-plus-link".
See sidebar at my side.

But I can’ get it for the social icons, created with “Virtue topbar menu, section add icons menu”. When I add icons here, the automatically <a> has no class. And without extra class, only the internal class in <i>, I can’t get it run with different hover actions for different icons.
Here like icons are created with topbar menu, section add icons.
<a href="" data-toggle="tooltip" data-placement="bottom" target="_self" data-original-title="rss"><i class="icon-feed"></i></a>

See icons in topbar on my side created with topbar menu, section for adding icons:
*Login to see link

So my question:
1. Is there a way to configure different hover action without the extra class in <a>, so it works with icons created with Virtue topbar menu options?
2. If not, is there a way to add the class also for social icons which are created with topbar menu, section add icons?
3. Or is the only workaround not to use Virtue topbar menu options, but do it with custom text widget and custom code like I did for sidebar?

Big thanks again and best regards
Sebastian