How to add logo image to header? (4 posts)

  1. karaoke_kid
    Posted 6 years ago #

    Here's my site I'm fiddling with:


    I cannot seem to figure where to insert my image to make it appear just left of the 'Home' button.

    Here's what I want to insert in that spot:


    Any ideas?

  2. cnc137
    Posted 6 years ago #

    You will need to make the logo only 45 pixel tall or less if you want it to fit into the menu bar without messing up the formatting and height of the menu.

    You can add the image to the menu bar by adding/modifying the following code in your "header.php" file:

    <div id="page-menu" class="menu">
    <img src="/wp-content/themes/blue_catalog/images/logo.jpg" alt="filmBoo" title="filmBoo" />
    <span class="left"></span><span class="right"></span>
    <ul id="page-shadow">

    You may also need to edit the "sytle.css" file in your theme directory and modify the "#page-menu" formatting to make the logo fit correctly.

    I would also make the logo image a transparent GIF or PNG image to have the grey menu bar show through.

  3. ketanco
    Posted 6 years ago #

    hello, i just started my first wp blog. I also wanted to insert my logo but when i checked folders, i did not see any blue catalog folder after images folder. please help

  4. Michael
    Part-Time Forum Moderator
    Posted 6 years ago #

    the folder will have a different name for the theme you are using.

Topic Closed

This topic has been closed to new replies.

About this Topic