Support » Themes and Templates » Move header image down & make logo appear

Viewing 4 replies - 1 through 4 (of 4 total)
  • Hi Again!

    I figured out how to move the header image down (the girl), but I’m still having problems making the logo appear correctly.

    This is the only code I see in all the templates and within the style.css (it’s in the style.css) that mentions my image: logo.png

    /*** Logo ***/
    .logo { clear:both; float:left; /*float:left;*/ overflow:hidden; padding:53px 0px 0px 104px;}

    .logo h1 { width:250px; height:37px; background:url(images/logo.png) no-repeat 0 0; font-size:1em; font-weight: normal; color:#fff; cursor:pointer; text-indent:-1000em; overflow:hidden;}
    .logo h1:hover { text-decoration:none;}
    .description { margin:2px 0px 0px 20px; font-size:1.2em; font-weight: bold; color:#afe2e9; overflow:hidden; }

    Can anyone tell from this why my logo is hiding partially?

    Also, I would like to learn more… can anyone recommend a book… what should I be learning first, WordPress, CSS, php(?) ?????



    Change this
    .logo h1 { width:250px; height:37px;

    to this
    .logo h1 { width:250px; height:116px;

    That made your logo visible. The problem is the container you are trying to display it in is not tall enough to hold the full image. The image height is 116 pixels.

    If you want to learn more about WP, read from the Codex pages

    OMG… THANK YOU SOOO MUCH! I swear I played around with all those numbers, but never got my logo to show up.

    You are the BEST!

    I am definitely going to read through the codex! You mention the word “container,” and I don’t know what that means, so obviously I have a ton to learn!

    Thanks again!!!

    “container” refers to the DIV that the image is being displayed in. When you set a size on the page element that holds another page element, usually the inner element won’t be displayed any larger than the size the container is being displayed at.

    There are exceptions to that. Take a look at a CSS concept called Display – “inline” and “block”. It can be kind of confusing while you are learning it. After a while it starts making more sense.

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Move header image down & make logo appear’ is closed to new replies.