GitHub Icon for Social Links

  • Author
    Posts
  • #88274

    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 theccontinuum.com.

    #88421

    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.