[Minimum] Linkedin Social Icon

Community Forums Forums Design Tips and Tricks [Minimum] Linkedin Social Icon

This topic is: not resolved

This topic contains 2 replies, has 2 voices, and was last updated by  matteoduo 1 year, 1 month ago.

Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • #24309

    matteoduo
    Participant
    Post count: 11

    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?

    #24343

    weslinda
    Participant
    Post count: 187

    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!

    #24390

    matteoduo
    Participant
    Post count: 11

    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,

Viewing 3 posts - 1 through 3 (of 3 total)

You must be logged in to reply to this topic.