Move header image down & make logo appear (5 posts)

  1. rcappie99
    Posted 7 years ago #

    Hi All,

    I purchased a template to edit, but I didn't realize how difficult it is! I would like help with two things if anyone can offer the solutions for me?

    My site:

    I need to move the image of the girl down to the edge of the header (hope I'm using the right terms) and my logo is only partly showing (see down from the "about" and to the right and you can see part of it showing).

    Thank you in advance!

  2. rcappie99
    Posted 7 years ago #

    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(?) ?????


  3. stvwlf
    Posted 7 years ago #


    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

  4. rcappie99
    Posted 7 years ago #

    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!!!

  5. stvwlf
    Posted 7 years ago #

    "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.

Topic Closed

This topic has been closed to new replies.

About this Topic