Changing the size of social media share icons

• 

  amaryshad · Member · Sep 12, 2015 at 9:14 am

  • Copy link
  • Add topic to favorites

  Hi!
  Can anyone please help me with the CSS for increasing the size of the social media share icons in the sidebar widget?

  The selectors that I need to change the font-size for are as follows:
  .genericon-facebook:before
  .genericon-pinterest-alt:before

  I just don’t know exactly how to do it. Any help would be greatly appreciate. Much thanks!

  The blog I need help with is: (visible only to logged in users)

• 

  staff-happychia · Staff · Sep 12, 2015 at 9:25 am

  • Copy link

  Current font size is 16px, coming from the following rule:

  .genericon {
  font-size: 16px;
  }

  Increase 16px to whatever size you prefer.

  Just in case you wonder why is there a font size for icons, those icons are actually fonts called Genericons, a free, GPL, flexible icon font for blogs. You can check more about them here: http://genericons.com/

• 

  staff-happychia · Staff · Sep 12, 2015 at 9:32 am

  • Copy link

  Ignore the previous CSS and use this CSS instead:

  aside#wpcom_social_media_icons_widget-3 .genericon{
       font-size: 16px;
  }

  The CSS in my previous update changes the icon size of every genericon on your site, which is not a good idea.

  The CSS in this update increases the size of genericons in your social media widget only. So use this CSS instead and increase size from 16px to whatever size you prefer.

• 

  amaryshad · Member · Sep 12, 2015 at 12:17 pm

  • Copy link

  Thank you, good friend!! :-)