WordPress.org

Ready to get started?Download WordPress

Forums

How to display both text and icon in sociable links (1 post)

  1. itsbarry
    Member
    Posted 4 years ago #

    Hello,

    I want to display the icon in front of the text for a social networking link.

    Sociable html used to associate an id with a link:

    <li class="sociablefirst">
    <a id="Facebook" title="Facebook" href="http://www.facebook.com/share.php?u=http%3A%2F%2Fmyclient.net%2Ftest-blog-post&t=Test%20Blog%20Post" target="_blank" rel="nofollow">Facebook</a>
    </li>

    This is the css that would show my icon:

    a#facebook {
    	background:url(images/facebook_16.png) top left no-repeat;
    	padding-left:22px;
    	}

    Now this is broken since sociable does not give the link an id.

    What should I do to fix this?

    thanks

    Barry

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags