[Minimum] Linkedin Social Icon

[matteoduo]

Hi all,

since I'm not a Pinterest user, I'd like to show a Linkedin icon on the homepage.
I don't know CSS thus I tried to replicate the actual CSS but nothing is working.
Can you please tell me where I'm wrong?

I came up with the following code + some HTML for the footer widget:


#home-featured a.icon-linkedin,
#home-featured a.icon-linkedin:hover {
-moz-border-radius: 50%;
-webkit-border-radius: 50px;
background: #ddd url(images/icons/linkedin.png);
border-radius: 50%;
display: block;
height: 140px;
margin: 0 auto 30px;
padding: 0;
text-indent: -9999px;
width: 140px;
}
#home-featured a.icon-linkedin:hover {
background: #ed702b url(images/icons/linkedin.png.png);
}
#home-featured a.icon-linkedin,
#home-featured a.icon-linkedin:hover {
background-position: 0 -138px;

-----------
(Widget)


<a class="icon-linkedin" href="http://xxxx.com
Linkedin
Link me.


How can I fix it?

[weslinda]

Depending on where you mean that you're putting this, in the footer widgets, the plugin below might be an easy solution.  If you're talking about the spots where you have larger circles.  Might be easiest to simply overwrite the pinterest icon with the linkedin icon.

This is a plugin by StudioPress for Social Linking.  Very simple and can drop right into any widget area.  No need to edit any html or css.

http://wordpress.org/extend/plugins/simple-social-icons/

---

Loving the Genesis Life!

[matteoduo]

Hi Weslinda,
I'd like to put the new icon as a large circle in the homepage.

Problem is the social icons are part of a single gridded image.

How should I upload a new icon circle image and call it through CSS or HTML?

Thanks,

[Author]

Posts