Adding Custom Social Icon

Trying to add a custom social icon I added using the documentation http://kriesi.at/documentation/enfold/custom-social-icons/ however I didn’t see the option under the social profiles until I added to to register-admin-options.php. The hover option doesn’t seem to be taking effect the code show on the documentation didn’t appear to be correct so I used what i thought would work and neither did.

Also whats the best way to keep this option when updates apply.

`function avia_add_custom_social_icon($icons) {
$icons[‘Teamviewer’] = ‘teamviewer’;
return $icons;
}
add_filter(‘avf_social_icons_options’,’avia_add_custom_social_icon’, 10, 1);

#top #wrap_all .av-social-link-teamviewer a:before{
content: “”;
width: 18px;
height: 18px;
display: inline-block;
vertical-align: middle;
background: url(http://chesapeakecontrols.com/testing/wp-content/uploads/2016/11/teamviewer1.png) no-repeat center center;
background-size: contain;
filter: url(filters.svg#grayscale);
/* Firefox 3.5+ */
filter: gray;
/* IE6-9 */
-webkit-filter: grayscale(1);
/* Google Chrome & Safari 6+ */
}

#top #wrap_all .av-social-link-teamviewer a:hover{
filter: none;
-webkit-filter: none;
}

• This topic was modified 8 years ago by chesapeakecontrols.