Social Icons

[spcp]

I want to replace some of the social icons with my own. I can’t seem to find where they are located anywhere. Can someone advise the path or how I can add a social icon to the Houzz network.

[Mohammad – SUPPORT]

Hi,
Please open to edit the sf-shortcodes.php file at /wp-content/plugins/swift-framework/includes/shortcodes. Edit the code of this function sf_social_icons.
Thanks
Mohammad

[spcp]

This did not really help. I replaced Deviant Art with Houzz and Deviantart is still showing up in the Social Profiles and no icon displays.

Here is what I replaced with:

                  $houzz      = $sf_options['houzz_url'];
           
                if ( $houzz ) {
                    $social_icons .= '<li class="houzz"><a href="http://www.houzz.com/pro/' . $houzz . '" target="_blank"><i class="fa-houzz"></i><i class="fa-houzz"></i></a></li>' . "\n";

 if ( $id == "houzz" ) {
                        $social_icons .= '<li class="houzz"><a href="http://www.houzz.com/pro/' . $houzz . '" target="_blank"><i class="fa-houzz"></i><i class="fa-houzz"></i></a></li>' . "\n";

[David Martin – Support]

Hi,

1) Please test this icon code: fa fa-houzz.

2) You have added this $houzz = $sf_options['houzz_url']; this assumes you have added the option to the theme options panel also – have you done this? If you have not this if ( $houzz ) { will also be false and will not output anything.

– David.

[spcp]

Not sure what you mean by test fa fa-houzz

where do I put that code?

[Mohammad – SUPPORT]

Hi,
Please find this code:-

$output = '<ul class="social-icons ' . $size . ' ' . $style . '">' . "\n";

Replace with:-

`$social_icons .= ‘<li class=”houzz”><a href=”http://www.houzz.com/pro/&#8217; . $houzz . ‘” target=”_blank”><i class=”fa-houzz”></i><i class=”fa-houzz”></i></a></li>’ . “\n”;
$output = ‘<ul class=”social-icons ‘ . $size . ‘ ‘ . $style . ‘”>’ . “\n”;`

Thanks
Mohammad

[spcp]

Okay that code did get the houzz icon to appear however isn’t there a way to add it to the social profile editor?

Can we get a green background on it when you hover over it?

[Mohammad – SUPPORT]

Hi,
Please use this custom css code:-

ul.social-icons li:last-child a:hover {
    background-color: green !important;
    color: #fff !important;
}

Thanks
Mohammad