Support » Themes and Templates » header logo

  • umm I did a search aroudn and didnt quite find what I needed,
    Im a newbie to WP and recently ditched Greymatter, man that was horible support,
    anyway im trying to finsd the template which changes the text logo to an image logo, of my choice.

Viewing 9 replies - 1 through 9 (of 9 total)
  • This is part of my CSS;
    #header {
    background-color: Black;
    background-image: url(../../../images/black.jpg);
    background-repeat: no-repeat;
    border-bottom: double 3px #aba;
    the (../../../ simply refers to the fact that the image I use is held in a folder outside of the WP folder.
    You may have to tweak other parts of that #header CSS, but this should help.

    Oh, and your blog name will be superimposed onto an image unless you alter this part of your main index.php template:
    <div id="rap">
    <h1 id="header">" title="<?php bloginfo('n

    ok that works but the text is still there??

    ok I got that and now only an inch in hieght of my logo is shown, where do I mess with the width adn height?
    just so you know
    sorry to ask so much but the other thing is where to edit the letter spacing in teh entry itself. I found it in the css for averywhere else but in teh entry as you can see the letters are a bit tight

    CSS again:
    #content {
    margin: 30px 8em 0 1em;
    padding-right: 60px;
    this is where you content goes 🙂
    The margins are, in order, top, right, bottom, left.
    The margin is the space that will be left around the content div, so with your image so far, increase the 30px to say 60px, see what happens, and adjust it from there.
    Letter spacing is CSS:
    in #header is
    letter-spacing: 0.2em;
    Alter that value, and check for the effect you wish for.

    Do a search for css-image-replacement or more specificly Fahrner Image Replacement and that should give you your answer. But if you want answers now, you could try here, the post that brought image-replacement to the mainstream.

    thanks guys!

Viewing 9 replies - 1 through 9 (of 9 total)
  • The topic ‘header logo’ is closed to new replies.