Social Media Icons appear cropped

• 

  maurorganized · Member · Mar 21, 2016 at 8:01 pm

  • Copy link
  • Add topic to favorites

  In my footer, I have used a widget to place my social media icons. But, the top of the Pinterest icon appears chopped off. You will see that I have increased the font size to 200%, but that is not the cause, since the problem still appears without that change. I use IE version 11, but I see this in Chrome too.

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

• 

  thesacredpath · Member · Mar 22, 2016 at 1:52 am

  • Copy link

  Hi, I’ve checked your site in IE11 and also in Chrome on Mac and PC and do not see any cropping on the top of the Pinterest icon. Did you get this issue resolved?

• 

  maureendegarmo · Member · Mar 22, 2016 at 2:28 am

  • Copy link

  No, I still see the cropping. I even opened it on phone and it looks cut off to me. Thanks for checking.

• 

  thesacredpath · Member · Mar 22, 2016 at 7:35 pm

  • Copy link

  There is a line height of 1, which is likely causing the issue. Find this rule in your CSS and add a line-height declaration to it so it looks like the below. I think 1.2 will do it, but add it and then check all places you saw the icon getting cut off to make sure.
  .widget_wpcom_social_media_icons_widget a {
  font-size: 140%;
  line-height: 1.2;
  }

• 

  maurorganized · Member · Mar 22, 2016 at 8:57 pm

  • Copy link

  YAY! It worked. That is exactly what I needed. Thank you.

• 

  thesacredpath · Member · Mar 22, 2016 at 9:12 pm

  • Copy link

  Awesome, and you are welcome.