Support » Themes and Templates » Replacing Header Text with a Logo?

  • Resolved rahsanca


    Hi. I’m enjoying your theme. Trying to get my blog up and running but was hoping to replace the Header Title/Text with a logo. I first attempted just replacing the header background as you had described to someone in a previous post, but of course this causes the background/logo to change position depending on the browser window size. Any way I can have a small .jpg locked in position just like the header type?
    Many thanks!

Viewing 5 replies - 1 through 5 (of 5 total)
  • Hi rahsanca,

    Why don’t you try this:

    #headerimg h1 a {
    	background: url(http://url of your image) 20px 0px no-repeat;
            width: 200px;
    	height: 65px;
    	display: block;
    	text-indent: -999px;

    Paste this over your style.css just before the
    #headerimg .description {

    Fill the needed URL.

    Hope that helps,

    Using a negative text indent is not a good way to do things…especially given that small of a number. I have my monitor running at 2560 x 1600. If I have my browser open full size (not likely, but possible) I am going to see the text there.

    At the very least, use -9999px

    If the only reason you are using this is to change the font, consider FLIR.

    Good luck


    Thanks so much everyone! I got it to work.

    yep.. ok -9999px 🙂

    Thanks all.

    (Post it as resoved perhaps) ??

    I can’t get it to work.. I’ve tried the code from here, in addition to #8 of the nine techniques for CSS image replacement.

    Can anyone please tell me what code to insert where? The nine techniques referres to code in header.php and style.css? I would really appriciate it! I only want a simple logo in the header.

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Replacing Header Text with a Logo?’ is closed to new replies.