CSS: WordPress Jetpack Social Icons Widget

These codes are only good if you have Jetpack installed, social network widget enabled + custom CSS, and have your username in the sidebar widget.

  • You can get Jetpack here
  • To input usernames (after Jetpack enabled)
    • Go to Appearance
    • Widgets
    • Scroll down to Jetpack Social Icons
    • Add to your sidebar
    • Enter usernames
    • Save

Here are some codes for you:

for these icons that fade and rotate:

I also decided to make a simple one that would just make the icons one color and change color on mouseover:

change “hotpink” to your desired color for the regular link
change “turquoise” to your desired color for the link when you mouseover
get some hex codes here (replace the word with #hexcode)

BONUS, here is a blank CSS cheat sheet for you with all of the different social networks defined if you would like to use only a few or change things on your own ๐Ÿ˜‰



Leave a Reply