Centered/Clickable Header

  • Hi on https://www.blogsfornatalee.com I am trying to get my header image to be

    (a) perfectly alligned an
    (b) centered.

    What I have done to get the header up there so far is go to the header file and put the image code where the “blog name, blog info” code was in the “<div id=”headerimg”>” area.

    Thanks

Viewing 14 replies - 1 through 14 (of 14 total)

  • Kubrick is set up to let you do this easily. See the instructions in the header.php file.

    Thread Starter ian2

    (@ian2)

    I did , i put my image in the themes image folder as “personalheader.jpg” and nothing happened.

    but looking at the source i still see this line commented out
    ‘ /*
    #headerimg { background: url(‘https://blogsfornatalee.com/wp-content/themes/default/images/personalheader.jpg&#8217;) no-repeat top;}
    */’

    so remove the /* */

    Thread Starter ian2

    (@ian2)

    Okay thanks!! Do you have any suggestions of how to remove that text and to make the header clickable ?

    Should I remove this: <div id=”headerimg”>
    <h1>“><?php bloginfo(‘name’); ?></h1>
    <div class=”description”><?php bloginfo(‘description’); ?>
    </div>

    ?

    just remove the /* */ symbols and not thie things in between them

    so
    /*
    #headerimg { background: url('https://blogsfornatalee.com/wp-content/themes/default/images/personalheader.jpg') no-repeat top;}
    */

    becomes
    #headerimg { background: url('https://blogsfornatalee.com/wp-content/themes/default/images/personalheader.jpg') no-repeat top;}

    is that in your header.php file?

    Thread Starter ian2

    (@ian2)

    yes, if you go to https://www.blogsfornatalee.com you will see the header is there, however the text is still there .. i just want the header to be clickable.

    because it has

    <div id="header">

    <div id="headerimg">
    <h1><a href="https://blogsfornatalee.com">Blogs for Natalee</a></h1>

    ?

    if you dont want the text then youd have to delete
    <h1><a href="https://blogsfornatalee.com">Blogs for Natalee</a></h1>

    Thread Starter ian2

    (@ian2)

    Okay I did that, thanks .. the text is gone, however the header is not clickable to go to the home page.

    <div id="headerimg">
    <a href="https://www.yourlink.com"></a>

    Hmmm… 298 hits for “clickable header” – if you do a search.

    I tried adding the piece of code estjohn has put but it hasn’t worked. Is there something else I am supposed to do. This one was in header.php I’m guessing this was in the right file but since none of the threads on clickable headers actually tell you specifically the file name I am to edit and find the code in I am left to guessing.

    I don’t know about the other threads, but in this one 3 times it was mentioned the header.php file. So, no need for guessing ?? – yes, usually everything is in the header.php file.

    Thread Starter ian2

    (@ian2)

    Re: estjohn, I did that code and it didn’t do anything.

    Again tahnks for all your help

    Hmm I dunno then.. Id have to see it in the code.. moshu mentioned there were others if you do a search.. see what those say..

Viewing 14 replies - 1 through 14 (of 14 total)
  • The topic ‘Centered/Clickable Header’ is closed to new replies.