header logo (10 posts)

  1. Danimal
    Posted 12 years ago #

    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.

  2. Mark (podz)
    Support Maven
    Posted 12 years ago #

    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.

  3. Mark (podz)
    Support Maven
    Posted 12 years ago #

    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

  4. Danimal
    Posted 12 years ago #

    ok that works but the text is still there??

  5. Danimal
    Posted 12 years ago #

    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?

  6. Danimal
    Posted 12 years ago #

    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

  7. Mark (podz)
    Support Maven
    Posted 12 years ago #

    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.

  8. Stevarino
    Posted 12 years ago #

    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.

  9. Danimal
    Posted 12 years ago #

    thanks guys!

  10. peter_dnt
    Posted 11 years ago #

Topic Closed

This topic has been closed to new replies.

About this Topic


No tags yet.