WordPress.org

Ready to get started?Download WordPress

Forums

add link to header image (9 posts)

  1. bryanwebster
    Member
    Posted 9 years ago #

    ok first of all the site is http://www.bryanwebster.co.uk

    i changed the header image to my own image and got rid of the code in header.php that showed the blog name etc

    this works fine except i dont know how to add a link to the header image to go back to the homepage, any ideas?

  2. Mark (podz)
    Support Maven
    Posted 9 years ago #

    Put the code back that had showed the blog name, then go check out the chunk at the bottom of this page:
    http://www.tamba2.org.uk/wordpress/graphicalcss/header/index.html

    If you have any problems, just post back.

  3. bryanwebster
    Member
    Posted 9 years ago #

    hi thanks for the reply.

    i looked at the link but my css code doesnt match exactly, so this is what i have done

    i have put the headerimg code back into header.php (i had only commented it out) and changed the CSS to look like this

    #header {
    padding: 0;
    margin: 0 auto;
    height: 200px;
    width: 100%;
    background-color: #73a0c5;
    }

    #headerimg {
    margin: 0;
    height: 200px;
    width: 100%;
    text-indent:-500; <------- this is what i have added
    }

    it now kinda works http://www.bryanwebster.co.uk

    but the hit area is very small, any ideas?

  4. bryanwebster
    Member
    Posted 9 years ago #

    oh wait i missed out em on the end of -500 so all that did was kinda put the header back, i couldnt see it but i could click it

    i made my image by editing the kubrickheader.jpg file

    anyone help with this at all?

  5. bryanwebster
    Member
    Posted 9 years ago #

    ah I managed to do it, this is what I did.

    I edited the kubrickheader.jpg image to look like what i wanted it to and then changed the code in header.php to this

    ">

    <div id="header">

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

    <h1>"> <?php
    bloginfo('name'); ?>
    </h1>
    <div class="description"><?php bloginfo('description'); ?> </div>

    </div> -->
    </div>

  6. bryanwebster
    Member
    Posted 9 years ago #

    ok that didnt display but basically i took the code that created the link to the blog home page and wrapped it around the header div

    nice and easy in the end :)

  7. www.onlinecasinoselite.com
    Member
    Posted 9 years ago #

    hmm...

  8. www.onlinecasinoselite.com
    Member
    Posted 9 years ago #

    here is a workaround of the posted link wich work with kubrik css.

    replace this in your default css kubrik css

    h1, h1 a, h1 a:hover, h1 a:visited, .description {
    text-decoration: none;
    color: #fff;
    display:block;
    height:100%;
    text-indent:-600em;
    }

    and change the padding top
    h1 {
    padding-top: 0px;
    margin: 0;
    }

    thats it! the image is now klickable and the text is here but not visibla because of the text indent.

    (rename your new headerimage to kubrikheaderimage.jpg and
    you can replace the standard image in wp-content/themes/default/images/kubrikheader.jpg)
    check the directorie names by yourself maybe i have a failure in the spelling.

    good luck!

  9. www.onlinecasinoselite.com
    Member
    Posted 9 years ago #

    sorry i saw that this works only in firefox browser not in internet explorer :( any ideas? i like the solution only to work in the css style.

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags

No tags yet.