How to place logo on top of wordpress website.

Discussion in 'HTML & Website Design' started by TheWorkersLounge, Dec 19, 2011.

  1. #1
    I just figured out how to replace a text logo with a image logo but I ran into another problem. The navigational bar is overlapping the logo. Can someone please provide some guidance on how I can place the logo above the navigational bar instead of behind it. All help is very appreciated. Thank you.
     
    TheWorkersLounge, Dec 19, 2011 IP
  2. Neil Robins

    Neil Robins Active Member

    Messages:
    61
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    95
    #2
    It will depend on what theme you have installed for your blog.

    Look into the images folder of your theme you're using and find the header graphic & replace it with the one you want to use. Check out the size of the old header graphics & replicate for the new one.
     
    Neil Robins, Dec 19, 2011 IP
  3. TheWorkersLounge

    TheWorkersLounge Peon

    Messages:
    2
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #3
    Thanks for your reply Neil. I am using a template from templatemonster.com. I didn't have an image folder, so I uploaded the pic using the media library then took the image url from that after it was created. I will try resizing as you suggested. Thanks again!
     
    TheWorkersLounge, Dec 19, 2011 IP
  4. Neil Robins

    Neil Robins Active Member

    Messages:
    61
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    95
    #4
    You can always find your theme in your site"s control panel ie www.yoursite.com/wp-content/themes/yourtheme.

    Good theme creators have a image folder in the script but it would appear yours didn't. It's best to check the size of the header graphic provided with the original theme first before working on a new one as the sizes might be totally different.

    Good luck with your blog.

    Neil
     
    Neil Robins, Dec 19, 2011 IP
  5. WebCare||360

    WebCare||360 Member

    Messages:
    124
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    46
    #5
    Some theme will have the buil-in option, that will enable to place your logo via wp-admin.
    Otherwise you can see the exact path of the logo image from the header.php file and then replace. It would normally be /wp-content/themes/yourtheme/images/logo.png ;)
     
    WebCare||360, Dec 20, 2011 IP
  6. mindinventory

    mindinventory Peon

    Messages:
    24
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #6
    Searching on the net and get your nice post.
     
    mindinventory, Dec 20, 2011 IP
  7. TheWPMan

    TheWPMan Greenhorn

    Messages:
    6
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    11
    #7
    try margin and padding in CSS ;)
     
    TheWPMan, Dec 20, 2011 IP
  8. ecofast

    ecofast Peon

    Messages:
    13
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #8
    It depends on your theme . You can edit style.css for logo placement. Please send you url of website , I will help you in my spare time.
     
    ecofast, Dec 20, 2011 IP
  9. terier

    terier Peon

    Messages:
    27
    Likes Received:
    0
    Best Answers:
    2
    Trophy Points:
    0
    #9
    Put logo in div tag and play with these css attributes:
    float, margin, position, width, height

    I suggest you install in your FF browser Firebug. It's a great free tool for simulating CSS and html changes and makes it much easier to find the correct dimensions for the div.
     
    terier, Dec 21, 2011 IP
  10. OneTex

    OneTex Peon

    Messages:
    17
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #10
    TheWPMan is right about padding. I have modified the ccs on a couple of templates to suit my stuff. If you don't know ccs, you can always do as I did, set up a blog, study the ccs and find components you want to change. Search for html codes and the apply. After a bit you will figure out some of the basics.
     
    OneTex, Dec 23, 2011 IP
  11. creativewebmaster

    creativewebmaster Active Member

    Messages:
    654
    Likes Received:
    7
    Best Answers:
    4
    Trophy Points:
    78
    #11
    Top left is best place
     
    creativewebmaster, Dec 26, 2011 IP