I added my site's logo via CSS – how do I link the logo to my home page?

• 

  peter614 · Member · Apr 6, 2016 at 5:45 pm

  • Copy link
  • Add topic to favorites

  I have received help from WordPress support adding my logo image using CSS. Most of the time people expect to be able to click on a site’s logo as a “home” button, but mine can’t do that. Is there a way to make the image clickable as a link to my home page?

  Any help would be greatly appreciated!

  Thanks,
  Peter

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

• 

  thesacredpath · Member · Apr 6, 2016 at 9:57 pm

  • Copy link

  Hi there, we can do this by moving your logo into the site title div instead of the site branding. First off, go to Customize > Site Identity and make your site title visible again (we will hide it with CSS).

  Next, remove the following CSS

  .site-branding {
      content: url("https://i0.wp.com/itsadangerousbusinessdotcom.files.wordpress.com/2016/01/cropped-peters-logo-3-03.jpeg");
  }
  .site-branding::before {
      background: rgba(0, 0, 0, 0) url("https://i0.wp.com/itsadangerousbusinessdotcom.files.wordpress.com/2016/01/cropped-peters-logo-3-03.jpeg") no-repeat scroll 0 0 / contain ;
      content: "";
      display: block;
      height: 115.5px;
      width: 295px;
  }

  and replace it with this

  .site-title {
      background: rgba(0, 0, 0, 0) url("https://i0.wp.com/itsadangerousbusinessdotcom.files.wordpress.com/2016/01/cropped-peters-logo-3-03.jpeg") no-repeat scroll 0 0 / contain ;
      display: block;
      height: 115.5px;
      width: 295px;
  }
  .site-title a {
      color: rgba(0, 0, 0, 0);
  }

• 

  peter614 · Member · Apr 11, 2016 at 11:28 pm

  • Copy link

  That worked perfectly – thank you!

• 

  thesacredpath · Member · Apr 12, 2016 at 12:42 am

  • Copy link

  Awesome, and you are welcome.