How to put the Logo

• 

  fashionclaw · Member · Apr 29, 2015 at 2:30 pm

  • Copy link
  • Add topic to favorites

  Hi

  As i am using The Pictorico Theme. I want to have the logo by using CSS coding. can any send the code so that i can have the logo on my blog.

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

• 

  thesacredpath · Member · Apr 30, 2015 at 8:44 pm

  • Copy link

  This all depends on where you want the logo. Typically on themes that do not support a site logo natively, we put this into the site title div. To do this, you would want to add the site title in at Settings > General and then we can make the site title text invisible. This would be the general code that would be used to do this.

  .site-title {
  background: url('URL_OF_IMAGE') no-repeat scroll left top transparent;
  }
  .site-title a {
  color: rgba(0, 0, 0, 0);
  }

  You would upload your image to your media library, get the URL of that image and replace URL_OF_IMAGE between the quote marks with the URL of that image. There isn’t a lot of room up there as it is, so to have it fit in the available space, it would have to be about 150px wide by 35px tall. It can be made taller if necessary.