WordPress.org

Ready to get started?Download WordPress

Forums

need help putting clickable logo in wordpress header (2 posts)

  1. krazitrain
    Member
    Posted 8 years ago #

    Hello.
    I've been trying to place a new logo in my header so that it is clickable from any page, which will return it to the main page http://www.dwazzle.com. I can't seem to find any tutorials on doing this.

    my header.php file currently contains just my title and tagline...

    </head>

    <body>

    <div id="wrapper">
    <div id="header">

    <span class="blogname">"><?php bloginfo('name'); ?></span>
    <span class="blogslogan"><?php bloginfo('description'); ?></span>

    </div><!-- END HEADER -->

    in my stylesheet file I have

    #header {
    background-color: #FFFFCC;
    height: 160px;
    border-bottom: 1px solid #336699;
    padding: 0;
    }

    also in the stylesheet file is...

    /* Hyperlinks Inside The Header */

    #header a {
    color: #333366;
    text-decoration: none;
    }

    #header a:visited {
    color: #333366;
    text-decoration: none;
    }

    #header a:hover {
    color: #336699;
    text-decoration: none;
    }

    but I don't think I change that. Yes/no?

    so I tried this in my header.php file

    <div id="header">

    <a href=<img style="float: left"
    src="wp-content/repreview.jpg" alt="News">

    </div><!-- END HEADER -->

    nothing showed up.

    also tried...

    </head>

    <body>

    <div id="wrapper">
    <div id="header">

    <img src="wp-content/repreview.jpg"> style="float: left"

    </div><!-- END HEADER -->

    shows the image only on main page.

    I've tried this in the stylesheet too...
    #header {

    background: #ffffcc;
    border: solid 1px #000;
    margin: 0;
    }

    width="475" height="152" refer to my image. Do I need to add those in somewhere?

    I've been reading, http://codex.wordpress.org/Designing_Headers, but not on the right track yet.

    any assistance would be appreciated.

  2. yosemite
    Member
    Posted 8 years ago #

    Maybe try the background selector something like this:

    #header{background:url(img/top.jpg) #FFF no-repeat bottom;border:#FC9 0 solid;height:183px;width:760px;margin:0 auto;padding:0;}

    change particulars for your theme/style...

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags

No tags yet.