Depo masthead: insert image as title

• 

  highrisepetsupplies · Member · Oct 5, 2012 at 7:55 pm

  • Copy link
  • Add topic to favorites

  Hello! I am trying to insert a logo as the masthead title, I just have a jpeg file and I have the custom upgrade. I tried to find where I could change the html in the source code but I have no idea where it is. Help please? Thanks.

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

• 

  designsimply · Member · Oct 11, 2012 at 9:55 pm

  • Copy link

  What you’ll want to do is add CSS to replace the masthead title with your image.

  First, upload your image to the media library in your blog dashboard and copy the image URL.

  Then you can add something like this to do an image replacement in the DePo Masthead theme:

  #container {
  	margin-top: -70px;
  }
  h1.name {
  	height: 145px;
  }
  h1.name a {
  	background: white url(http://s.wordpress.org/about/images/wordpress-logo-notext-bg.png) center -10px no-repeat;
  	display: block;
  	width: 176px;
  	height: 125px;
  	margin: 0 auto;
  }
  h1.name a span {
  	display: block;
  	text-align: left;
  	text-indent: -9999px;
  	background: none;
  }

  I used a WordPress logo as an example because you didn’t provide an image link.

  Note that the example above is specific for the image I used. You will have to change around several of the size settings and the url() value in order to change this to an image from your own media library.