GitHub Icon for Social Links

  • anilm3 · Member ·

    Hi,

    I’m using the social links but I noticed that there’s not GitHub icon, I’m wondering if it could be added so that my users know what the link is for.

    Kind regards,
    Anilm3

    The blog I need help with is: (visible only to logged in users)

  • thelukemcdonald · Theme Author ·

    We’ll take a look at possibly adding GitHub to the Themicons icon stack in the future. For now, displaying the icon as a background image using CSS would be your best bet.

    The following CSS will get you started; you’ll need to replace the background URL with the URL to your custom Github image icon.

    /* Show custom image icon (34x34) */
.social-navigation a[href * ="github.com"] {
  background: transparent url(http://placehold.it/34x34) center center no-repeat;
}

/* Remove default font-icon */
.social-navigation a[href * ="github.com"]:before {
  content: "";
}
  • The topic ‘GitHub Icon for Social Links’ is closed to new replies.