Social Media Icons not appearing

• 

  jamieszapka · Member · Apr 3, 2017 at 11:55 am

  • Copy link
  • Add topic to favorites

  Hello! I am using Nikon theme for my blog and I have a lot of questions and problems I can’t figure out. My site is http://www.mywholewellbeing.com On the sidebar, at the bottom are the social media icons to connect, they work, but the icons do not appear, only as faint grey boxes. Thanks!

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

• 

  otpidusprime · Member · Apr 3, 2017 at 12:02 pm

  • Copy link

  Hello!
  It happening because the font of that social media widget is being overwritten by the font of the other widgets.

  So to solve this you will have to edit the CSS code using the CSS Editor of WordPress.

  Currently the CSS code of the Social Media widget looks like this:

  .widget_wpcom_social_media_icons_widget .genericon {
      font-family: Genericons;
  }

  Add !important just after the Genericons text. The CSS code will now look like this:

  .widget_wpcom_social_media_icons_widget .genericon {
      font-family: Genericons !important;
  }

  This code will prioritize the Social Media Icon Fonts over the other widget fonts-thereby making the icons visible on the page.

  Let me know if this helps :)

• 

  jamieszapka · Member · Apr 3, 2017 at 1:47 pm

  • Copy link

  Hi there! It worked like a charm! Definitely helped! Thanks so much!

• 

  otpidusprime · Member · Apr 3, 2017 at 7:33 pm

  • Copy link

  Glad I could help :)