Changing Github logo to custom logo

• 

  tcaaconnect · Member · Apr 25, 2016 at 7:16 pm

  • Copy link
  • Add topic to favorites

  I am using the Organization theme and want to replace one of the social links in the footer that I’m not using with a custom logo and link to my other website. I have the new logo in my media library (link) and have the link to my website in the Github box in the social links section. Can you help me replace the github logo with my site logo using CSS?

• 

  thesacredpath · Member · Apr 25, 2016 at 11:08 pm

  • Copy link

  Hi there, your logo to go into the github social media menu item needs to be no larger than 36px square in order to fit within the available area. The following is the basic code using the image you have now. Also, when you edit the image, crop it as pretty tightly so that it appears as large as possible. You will likely want to increase the width of the line work too, and when reduced down to icon size, it is going to be very difficult to see.

  .icon-github:before {
      content: "";
  }
  .link-github {
      background: url("https://thechurchatarrowhead.files.wordpress.com/2016/04/small-ttb-icon-for-web.jpg") no-repeat scroll center center / contain !important;
  }

• 

  thesacredpath · Member · Apr 25, 2016 at 11:10 pm

  • Copy link

  You know, given the that your logo is sort of too complex for something that small, I would suggest thinking about putting it in the footer widget area instead.