Can I get social icons on the sidebar without the plugin?

Hi guys, I’m deleting some plugins and one of them is the social plugin to show social icons on the sidebar. But more over, I don’t want to show how much followers I have. There is a psycological reason. Anyways, what I’m trying to do, is to insert an HTML widget on th sidebar, put some icons pointing to my social networks, and I plan to use the icons that shows the footer, actually I would like to use the same colors. Would you help me to achieve this?, at least one example and then I can follow the pattern.

Cheers,

• This topic was modified 9 years by pacoesni.

Hi

Unfortunately the theme don’t have such a widget, sorry. However you can use Social Counter in sidebar and hide the followers number using this css:

.td_social_type .td_social_info:nth-child(2) {
display: none;
}

Hope this helps!
Thanks!

Thank you for you quickly response Andre L., but why I’m trying to do it’s actually something that is not include in the theme.

I just want to use HTML code and put some linkes using the classes that are in the footer to show icons. So it would be personalizable and easy to embed.

You can just copy the HTML from the footer widget if that is what you’re asking…. like so:

<span class="td-social-icon-wrap">
            <a target="_blank" href="https://www.facebook.com/BUNNIES/" title="Facebook">
                <i class="td-icon-font td-icon-facebook"></i>
            </a>
        </span>
        <span class="td-social-icon-wrap">
            <a target="_blank" href="https://plus.google.com/+BUNNIES" title="Google+">
                <i class="td-icon-font td-icon-googleplus"></i>
            </a>
        </span>
        <span class="td-social-icon-wrap">
            <a target="_blank" href="http://BUNNIES.com/feed/" title="RSS">
                <i class="td-icon-font td-icon-rss"></i>
            </a>
        </span>
        <span class="td-social-icon-wrap">
            <a target="_blank" href="https://twitter.com/BUNNIES" title="Twitter">
                <i class="td-icon-font td-icon-twitter"></i>
            </a>
        </span>

Change the size with CSS class on div wrapper, or whatever.

If that was not what you were asking, pardon intrusion.

I just did this on our website, actually 🙂

• This reply was modified 9 years by simchris.

I just used this to make some social icons to “follow us” in a sidebar text box. 🙂

Is it possible to hide only one set of followers?

I’m trying to target the second row of Twitter followers.

Hi

Unfortunately that can’t be done with css, you will need to edit plugin’s files and add a condition there to remove the followers number from Social Counter. Try to edit td_block_social_counter.php file and add this condition like here: http://screencast.com/t/jMTBj1BJ0E4 – http://screencast.com/t/Ze8sHioZvXRD

if ($td_social_id != 'twitter'){
     $buffy .= '<span class="td_social_info">' . number_format($social_network_meta['api']) . '</span>';
}

Thanks!

Hi

I used your code here to successfully remove count of followers:

.td_social_type .td_social_info:nth-child(2) {
display: none;
}

However, the widget still shows the text “followers”/”fans” (see screenshot here: https://snag.gy/gtF6lZ.jpg)

Can I hide this text also?

Thanks
Tom

• This reply was modified 9 years by datomnz.

Thank you 🙂