Social Media Widgets Look

• 

  tbelloy · Member · Feb 23, 2017 at 10:23 am

  • Copy link
  • Add topic to favorites

  Hello,

  Are we able to use CSS to change the way the social media icons look in the widget/sidebar section on the website. At the moment they are a little bit small and look a bit old fashion.

  I was after increasing their size slightly and have them in colour rather than grey and black? or look different?

  Thank you
  Thomas

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

• 

  kathrynwp · Staff · Feb 24, 2017 at 6:41 pm

  • Copy link

  Sure, you can double the size with this:

  .widget_wpcom_social_media_icons_widget .genericon {
    font-size: 32px;
  }

  You’ll also need to remove this line from your existing custom CSS so they don’t split onto two lines:

  width: 47% !important;

  I would suggest avoiding using !important in your CSS as much as possible, as it causes problems overriding elements further down the cascade. It’s a best practice in CSS to use elements that are specific enough to effect your change, but not too specific. Using !important to force CSS to take effect means that your targetted element is not specific enough.

  Let me know how it goes.

• 

  tbelloy · Member · Feb 27, 2017 at 9:44 am

  • Copy link

  Hi @kathrynwp, thank you for your reply, I just wanted to increase the size slightly so didn’t need to use !important.
  Thanks for the advice too, I’ve on my list to go through my CSS and do a bit of cleaning as I think it’s gone a bit messy!
  Thanks

• 

  kathrynwp · Staff · Feb 27, 2017 at 3:44 pm

  • Copy link

  You’re welcome, glad you’re all set! I’ll mark this thread as resolved but feel free to start a new one if you need help with anything else.