Depo masthead: insert image as title

Need help? Check out our Support site, then

highrisepetsupplies
Member
Oct 5, 2012, 7:55 PM

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 highrisepetsupplies.com.
designsimply
Staff
Oct 11, 2012, 9:55 PM
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.

Topic Closed

This topic has been closed to new replies.