Support » Themes and Templates » Header Image will not display

  • Resolved zionistbot

    (@zionistbot)


    I’ve followed the directions from several forum posts about this topic and I still cannot get my image to display…

    I would like the image to be flush left with the blog description right next to it. And then another image flush right.

    http://www.revampnow.org

    I’m a newbie to the wordpress/css community and I’ve tried to do everything on my own up to this point.

    I have more issues after this but this is the simplest, and most frustrating part thus far.

    Also, I would like to have a static page that is not my blog site to be the index page of my wordPress site. However, I would also like for this page to not be formatted like the rest of the site but keep the consistent header (as described above) and just contain text and links to enter the site. I know that Splash pages are frowned upon, but I have reasonable intentions for needing one for this particular site.

Viewing 6 replies - 1 through 6 (of 6 total)
  • esmi

    (@esmi)

    Try adding float:left; to:

    #header h1 a {
    background:url("/images/revamp_05.jpg") no-repeat center topt;
    border:1px solid black;
    display:block;
    height:100px;
    text-align:left;
    text-indent:-9000px;
    width:338px;
    }

    in style.css. Your header image seems to be missing at the moment.

    Also see Creating_a_Static_Front_Page

    Thread Starter zionistbot

    (@zionistbot)

    THank you!!! That did help to Put the blog-description on the right side of the image, but the image just will not display! I have the image saved in the ‘images’ folder in the ‘wp-content’ folder, isn’t that the correct location?

    Thread Starter zionistbot

    (@zionistbot)

    I am at my wits end as to what I can do to display an image in my header. I’ve tried every “trick” that has been posted online and I still cannot get my image to be shown. I have no idea why it is not working. In theory, it should be working…please someone!? HELP!!!?

    I currently have two images “supposedly” in my header. One is rested above my Blog title following the directions from this blog:

    http://archgfx.net/blog/2006/geek/blogging/custom-header-in-css

    and the other image i tried to put it into my header.php and it just shows the alt text…all this reading and coding has made me tired…once again I ask someone to work with me on the seemingly “easy” task?

    esmi

    (@esmi)

    Your header image needs to be in your theme’s images folder.

    Michael

    (@alchymyth)

    header.php – clean up the image url:

    with this code,

    <div id="header">
    		<img src="http://www.revampnow.org/wp-content/uploads/2010/03/revamp_05.jpg" alt="ReVAMP" width="338" height="100">
    		</div>

    an image of ‘revamp’ is showing on the right hand side.

    the image url was a bit odd – check the change.

    in style.css – similar thing with the image url – there shouldn’t be a ‘public_html’ in the path:

    #header h1 a {
    display:block;
    text-align:left;
    background: url(http://www.revampnow.org/wp-content/uploads/2010/03/revamp_05.jpg) top center no-repeat;
    height:100px;
    width:338px;
    border:1px solid black;
    text-indent: -9000px;
    float: left;
    margin: 0px;
    position:relative;
    }

    this seems to work.
    remove the border: 1px solif black; (unless you like it) and change margin: 0px; to margin: 16px 0px; – and the two images are aligned.

    try to get the above changes to work, and the come back if there is more to tweak.

    Thread Starter zionistbot

    (@zionistbot)

    AAAAWWWWWWW! MAN!!!!! i cant believe all i was doing wrong was putting public_html in the image link!!!

    I have been agonizing over this for a week…i guess I should plead to the forums more often…or do you suggest trying to figure it out on my own…it’s sort of rewarding, until times like today!

    Thank you all soooo much!!

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Header Image will not display’ is closed to new replies.