Social Media Widgets Look

  • Author
    Posts
  • #2877580

    tbelloy
    Member

    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 vitalityawesomeness.com.

    #2877762

    kathrynwp
    Staff

    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.

    #2877782

    tbelloy
    Member

    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

    #2877785

    kathrynwp
    Staff

    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.