GitHub Icon for Social Links

  • 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)

  • 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.