WordPress: Social Media Icons Widget

This widget can be used to display a links to your social media pages. There are two different layouts available to choose from:

Layout 1

Layout 2

Note: if you have added your social media links via this guide, then this widget will be pre-configured with the icons to each social media page.

How to use this widget

1. Go to Appearance > Widgets in your dashboard. Click here for more information on the widgets area.

2. Click and drag the widget called “pipdig – Social Media Icons” to the sidebar section (or any other section you prefer).

3. Now you can use the widget options to upload your image:

If you have added your social media links via this guide, then this widget will be pre-configured with the icons to each social media page. You can override this if you would like to add different links.

4. Click save and you’re done!

Was this article helpful?

9 Comments

  1. Tessa

    Hi there – is there any way to change the sizing on the social icons within this widget? I have them in the Header Full Width and would like them to be a little smaller.
    Thanks!

    1. Phil (pipdig)

      Hi Tessa, if you copy the contents of this page into the “Additional CSS” tab in the Customizer it will change the icon size to “20px” and also reduce the margin between each icon slightly. You can then adjust the numbers until you get the desired look.

  2. Shakira

    Hi,

    Ive tried doing this several times but when I click on the icon nothing is happening. The links have already been added.

  3. Sarah

    Hey Phil,

    I am using the Equinox template and am wondering if its possible to add the social media icons to each post excerpt (the one that shows up on the “home” page), like on this site http://www.hello-october.com/. It shows the category, comments, socials.

    Thanks a lot for your help!

    Cheers,
    Sarah

  4. Melissa

    Hi there! I am using the Evelyn Rose theme and re, my social media widgets, the links are there, and the counters are working, but for some reason the actual icons are not populating.
    Thanks so much!

    1. Phil (pipdig)

      Hi Melissa, it looks like there is a plugin on your site which is breaking the CSS files. If you try deactivating the plugins on your site you can test where that issue might be coming from. I’m guessing it will be some kind of “speed” or “caching” related plugin.

Leave a comment


Please include a link to your site with every comment. It will help us to give specific and more personalized answers to any questions you have. The link to your website will be visible to support staff only. It will not be shown publicly.