Change the size of the Social Icons

Note : the following code snippet requires advanced WordPress developer skills. There's no guarantee that this snippet works as is with the latest version of our themes, and with the latest version of WordPress. That's why you need to always test any code snippets in a staging environment before implementing it in a production site.

Last Reviewed: 29-Apr-15 (3.3.20) 3.1.* 3.2.* 3.3.*

Where to copy/paste this code?
The simplest way is to use the Custom CSS section of the customizer option screen. If you have many customizations to make in CSS and PHP, then we strongly recommend you create a child theme. Everything you need to know about creating a child theme with Customizr here.


1em is equal to the current font size. 2em means 2 times the size of the current font. E.g., if an element is displayed with a font of 12 pt, then ‘2em’ is 24 pt. The ’em’ is a very useful unit in CSS, since it can adapt automatically to the font that the reader uses

Related Snippets you may also like

6 thoughts on “Change the size of the Social Icons

  • Mark Glover Masterson

    Hi Dave — I know you wrote this article on ‘Changing the Size of Social Icons’ for WP a while back.
    I am trying to figure out where/how (via Admin Dashboard ‘Editor’, PHP, etc.) to change the social icon
    sizes JUST ON MOBILE RESPONSIVE! Web is a good size currently. Thx! – Mark in Vancouver, Canada

    • presscustomizr

      Hello Mark, Dave has been notified about your request but we had to remove your email address for privacy reasons.

  • Maria

    Hi! I love this Theme and I am trying to build my website with it. I am really interested in the same as chappie, to get of the “Social Links” title and just leave the icons there at the sidebar.
    I would love some help. Thanks!

    • Nicolas

      Hi Maria,
      You can add the following code in your functions.php :

      add_filter( 'tc_social_in_sidebar' , 'remove_social_title' );
      function remove_social_title() {

      < ?php $html = ob_get_contents(); if ($html) ob_end_clean(); echo $html; }


  • Isaac

    How would you suggest removing the responsive CSS from the social icons or add these classes for my custom icon?

  • chappie

    Thank you, Dave. I’ll throw in the third member of the Social Icon trilogy:

    If it’s on-topic, I would like to get rid of the “Social Links” title and icon at the top of my right sidebar (having selected this option in the Customiz’it menu), leaving just the (self-explanatory) icons — and hopefully grab back some screen real estate in the process. Could you please point me in the right direction?

Comments are closed.