Social Media Widgets Look

  • Author
  • #2877580



    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

    The blog I need help with is



    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.



    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!



    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.

The topic ‘Social Media Widgets Look’ is closed to new replies.