This style will allow you to replace list item text with a Social Media Icon such as Facebook for example.

This is an intermediate topic that builds on creating text and linking to external websites. Those authors can view the Social Media Icons tutorial on the ITS Knowledge Base for a step by step process in setting up the image replacements.

Before

List of Social Media Sites

  • Facebook
  • Flickr
  • Google+
  • Pinterest
  • Twitter
  • YouTube

After - Basic

List of Social Media Sites with Image Replacements

 

After - Advanced

Image Replacements with Floated Divs