WordPress.org

Ready to get started?Download WordPress

Forums

REPLACING Footer Logo? (11 posts)

  1. Ironegg
    Member
    Posted 3 years ago #

    Hi there, I want REPLACE the wordpress logo at the bottom of my page:

    http://www.zukas.org

    After reading some of the forums I found how to modify the text that was there through the footer.php file which now has a child btw. I found in the style.css file the following code:

    #site-generator a {
    background: url(images/wordpress.png) center left no-repeat;
    color: #666;
    display: inline-block;
    line-height: 16px;
    padding-left: 20px;
    text-decoration: none;
    }

    which I know deals with the logo. Out of experimental curiosity (how I learn, LOL) I replaced "wordpress.png" with ANOTHER .png file I had saved to my desktop to see how the file was being referenced. So far I've only successfully made the wordpress logo disappear and stay gone. Even after putting "wordpress.png" BACK in the code, however, it stays blank on my page.

    So, HOW exactly do get MY file in there? the stuff in the parenthesis seems to be a directory, but can't tell how, and from where wordpress sees it.

  2. esmi
    Forum Moderator
    Posted 3 years ago #

    You seem to have uploaded the new image to the wrong folder. It needs to be uploaded to the child's images folder.

  3. Ironegg
    Member
    Posted 3 years ago #

    Interesting. Then is that all I do, replace that little bit with any .png file of mine?

  4. Ironegg
    Member
    Posted 3 years ago #

    Ahh yes you were correct, I did accidentally modify the original style.css file. Although, I DID just go back and change the child one instead; made "wordpress.png" to "digisync.png" (the file I wish to upload) and still it is blank.

    I feel like it's not as easy as just typing in whatever the file name is because there is nothing pointing to the directory of said file if I'm not mistaken.

  5. esmi
    Forum Moderator
    Posted 3 years ago #

    Yep. :-)

  6. Ironegg
    Member
    Posted 3 years ago #

    OHHHH WAIT... sorry nvmd. I see what you were saying. One sec... Lol sorry

  7. Ironegg
    Member
    Posted 3 years ago #

    Ok so this is what I have:

    #site-generator a {
    background: url(images/digisync.png) center left no-repeat;
    color: #666;
    display: inline-block;
    line-height: 16px;
    padding-left: 20px;
    text-decoration: none;
    }

    I made an images folder in my twentyten-child folder and placed my .png file in THERE and then changed the code in my twentyten-child style.css file to the above.

  8. Ironegg
    Member
    Posted 3 years ago #

    ok cool. At first nothing happened but then I realized when I made the "image" folder I used a capital 'I' and in the code it was looking for an "images" folder.

    So yeah it technically worked, but now its just a matter of adjusting the image so it looks pretty, which I fully expected so.. yeah! Thanks esmi!

  9. esmi
    Forum Moderator
    Posted 3 years ago #

    Well, the image is now showing but you need to tweak the CSS by adding height:51px; and changing padding-left: 20px; to padding-left:165px;. Then add:

    #site-generator {width: 385px;}

  10. Ironegg
    Member
    Posted 3 years ago #

    Alright thanks I'll try that right now.

  11. Ironegg
    Member
    Posted 3 years ago #

    cool that certainly cleaned it up. Thanks!

    For future reference (since as of this moment I haven't decided the exact layout of the logo), what are those number representative of, the dimensions of space allocated to logo?

    I'll probably be tweaking around with the numbers and stuff 'till I find something I like.
    Also, is there a way to adjust the location of the text in there, or is that generally a result of whatever numbers are used for the logo?

Topic Closed

This topic has been closed to new replies.

About this Topic