WordPress.org

Ready to get started?Download WordPress

Forums

How can you put your logo on top of all pages? (37 posts)

  1. bamquest
    Member
    Posted 5 years ago #

    Hi there

    Just a quick question

    We are building this blog for a client and all they want is o have their logo on top of all the pages (in the top banner)

    I read somewhere this has to do with the header.php file but can't seem to find out exactly how to do it...

    Any clues? Thanks for any help you can provide us.

  2. randinicole
    Member
    Posted 5 years ago #

    Add this to your css, edit accordingly.

    #logo {
    margin-top:-100px;
    margin-left:350px;`

    add this to your header.php file somewhere after the <div id="header"> tag.

    <div id="logo">
    <img src="http://yoursite.com/logo.jpg" alt="" width="somewidthhere" height="someheighthere" border="0"/ >
    </div>

  3. bamquest
    Member
    Posted 5 years ago #

    OMG... there's about 20 files in my CSS folder. Do you which one I need to edit?

    *thanks*

  4. randinicole
    Member
    Posted 5 years ago #

    OMG..........

    your main style.css the one that has the information for the #header div

  5. bamquest
    Member
    Posted 5 years ago #

    hummm

    I still can't seem to find it. Do you know in which folder it is supposed to be? And what's the exact name of the file?

    Thanks for your help

  6. gbaka
    Member
    Posted 5 years ago #

    well you could try just replacing the normal coding for the blog title in the header with your logo image if it has the code where you type in the blog title and it shows in your banner.

  7. bamquest
    Member
    Posted 5 years ago #

    ?? Gbaka... can you be a bit more explicit... I'm really new at WordPress... I've never tried this thing before... I'm a pute HTML person so these CMSs are new and unchartered territory for me...

    :-( HTML is soooooo much simpler... but these guys want to be able to update the site themselves so that's why I suggested to them WordPress...

    :-( hummmmm ?

  8. randinicole
    Member
    Posted 5 years ago #

    should be in your themes main folder

  9. bamquest
    Member
    Posted 5 years ago #

    wow- I did all of what was told to me above and I still can't see it.

    No matter what I do it's still the classic theme that shows up.

    We still cannot see the logo or anything like that.

    Any clues? I need to get this darn thing off the ground!

    *thanks*

  10. randinicole
    Member
    Posted 5 years ago #

    link to your site please

  11. bamquest
    Member
    Posted 5 years ago #

    http://www.durhamresidentialrentals.com

    do you need the admin password as well?

  12. figaro
    Member
    Posted 5 years ago #

    It's easier to start with a theme that already has an image in the header, then just edit that image...in my opinion. See the following videos for details on how to edit Kubrick...should be able to do essentially the same thing with any theme that uses an image for the header.

    http://educhalk.org/blog/?p=137

  13. bamquest
    Member
    Posted 5 years ago #

    Figaro! Thank you for a GREAT video! I will try that right away.

    Just one question though: I went to the wordpress site and I looked at all the themes it offers but I can't find the Kubrick theme though.

    I Google search didn't get the results either.

    Do you know where I can get Kubrick?

    Thanks again :-)

  14. figaro
    Member
    Posted 5 years ago #

    It's the default theme in WP.

  15. bamquest
    Member
    Posted 5 years ago #

    Hummm... not in mine. My default theme is that classic blue that was there initially when I downloaded the default install.

    Do you know where can I go on the WordPress site to get Kubrick?

    *thanks*

  16. Jeremy Clark
    Moderator
    Posted 5 years ago #

    Kubrick is the default theme. Not the classic theme but default.

  17. figaro
    Member
    Posted 5 years ago #

    Do you know where can I go on the WordPress site to get Kubrick?

    If it's not in your themes directory, then just download WP here http://wordpress.org/download/ extract the zip and it's the default theme in the wp-content/themes directory.

  18. bamquest
    Member
    Posted 5 years ago #

    boy- am I in trouble now... I finally figured it out... but go and see my site: http://www.durhamresidentialrentals.com

    It's all screwed up... did I do something wrong?

    :-(

  19. bamquest
    Member
    Posted 5 years ago #

    HELP!

  20. bamquest
    Member
    Posted 5 years ago #

    I'm simply not doing any progress on this darn thing!!!

    :-(

    Can somebody here help me??

  21. t31os
    Member
    Posted 5 years ago #

    Snippet from your page...

    <body>
    <div id="page">
    <div id="header">
    <!-- <div id="headerimg">
    <!-- <div id="rap"> -->
    <div id="durham-rentals-top-banner">
    <img src="http://www.durhamresidentialrentals.com/images/durham-rentals-top-banner.jpg" border="0" width="457" height="130" alt="" border="0"/ >
    <h1>Durham Residential Rentals</h1>

    <div class="description">Residential rentals in Pickering, Ajax, Oshawa and Whitby, Ontario</div>
    </div>
    </div>
    <hr />

    </body>

    <div id="content" class="narrowcolumn">

    Get rid of that closing body tag firstly, since you really shouldn't have that there...

  22. t31os
    Member
    Posted 5 years ago #

    Actually looks like you need an extra closing DIV, so change this part...

    <hr />
    
    </body>
    
    <div id="content" class="narrowcolumn">

    to...

    </div>
    <hr />
    <div id="content" class="narrowcolumn">

    If the problem gets worse, revert back to what you had originally, then post the original/fresh code from your theme header.php and i'll write the new lines and show you where to add them...

    If you're just making this one small change to the default theme, no need to post the code for the header... i have a copy of that already... :)

  23. bamquest
    Member
    Posted 5 years ago #

    t31os... Thanks! I did all of what you said, and it sure changed a few things... but look at it now, it's still ugly... anything else I missed?

    Thanks :-)

  24. bamquest
    Member
    Posted 5 years ago #

    It looks a bit better in IE but if you view it in Firefox it's an ugly monster if I've ever seen one...

    :-( Can you believe I've already spent 2 days on that site???

  25. t31os
    Member
    Posted 5 years ago #

    The top line of this is causing an issue to..

    <!-- <div id="headerimg">
    <!-- <div id="rap"> -->

    Since they're commented out, then proberly not needed. Remove those lines and also fix the image..

    <img src="http://www.durhamresidentialrentals.com/images/durham-rentals-top-banner.jpg" border="0" width="457" height="130" alt="" border="0"/ >

    The slash should be next to > not the end of the border...

    <img src="http://www.durhamresidentialrentals.com/images/durham-rentals-top-banner.jpg" border="0" width="457" height="130" alt="" border="0" />

    Fix those things and see what happens...

    Failing that... it might be easier to replace the header.php with the original and re-do the modifications... just we know we have a clean slate to work from... :)

  26. esmi
    Forum Moderator
    Posted 5 years ago #

    I'm just wondering it it wouldn't be a hack of a lot easier to switch to a brand new theme? One that has the basic layout already done so it's just a case of changing a few colours and swapping a couple of graphics.

    @bamquest: Is this going to be a blog or a basic CMS site? Do you want a fixed with design or a flexible one that expands/contracts along with the screen size. If you're not comfortable with CSS, Sea Beast is a retty flexible theme that can be re-configured via a series of config files rather than template/css changes.

  27. esmi
    Forum Moderator
    Posted 5 years ago #

    s/hack/heck...

    Although 'hack' is actually quite apposite...

  28. t31os
    Member
    Posted 5 years ago #

    A very valid point, if you're not comfortable editting code, perhaps a more user-friendly theme would be in order...

    Offer above still stands though if you want help fixing the image..

  29. bamquest
    Member
    Posted 5 years ago #

    Thanks for all your help guys :-)

    I'm very comfortable with HTML, been doing it since 1995 but I'm NOT with css; in fact there's nothing more that I hate than messing around with CSS... :-( I never could understand how that darn code works...

    Anyway, the site is a permanent site, but the owner (a real estate agent) needs to be able to update listings easily and of course she only has a basic knowledge of couputer skills which is why I suggested WordPress in the first place.

    If you think Sea Beast is better I don't mind trying it. At this point I'm open to almost anything...

    Can I get Sea Beast on the WordPress site? How much easier is it and why?

    Thanks again... :-)

  30. bamquest
    Member
    Posted 5 years ago #

    ok, I'm downloading it now...

    will give you an update once it's installed...

Topic Closed

This topic has been closed to new replies.

About this Topic