WordPress.org

Ready to get started?Download WordPress

Forums

[resolved] Header Image is not showing up? (17 posts)

  1. EllenCBraun
    Member
    Posted 8 years ago #

    Hi, I had a new header created for my http://www.raisingsmallsouls.com site: http://www.raisingsmallsouls.com/wp-content/themes/179/images/header.jpg

    I put this into the css:
    /* ##### Header ##### */
    #header {
    background-color:#F0F9F9;
    background-image:url(/images/179/header.jpg);
    }

    And the picture is not coming up! I also changed it in the CSS of my the Presentation area of my dashboard.

    By the way, I also want to place a leaderboard of Adsense below the header- how would that be accomplished?

    What should I do?????

    Many thanks in advance!!

  2. EllenCBraun
    Member
    Posted 8 years ago #

    Just a friendly little BUMP!

    Anyone know anything that can help????

    Cheers!

    Ellen

  3. spencerp
    Member
    Posted 8 years ago #

    Try this:

    /*** Header ****/
    #header {
    background:#F0F9F9 url(/179/images/header.jpg);
    }

    Or!

    /*** Header ****/
    #header {
    background:#F0F9F9 url(179/images/header.jpg);
    }

    Or!

    /*** Header ****/
    #header {
    background:#F0F9F9 url(179/images/header.jpg) center no-repeat;
    }

    Or!

    /*** Header ****/
    #header {
    background:#F0F9F9 url(179/images/header.jpg) no-repeat;
    align: center;
    text-align:center;
    }

    Depends I guess....lol!

    spencerp

    You had the path wrong for the image before. =) Got the last couple of codings from GamerZ on MSN lol.. =)

  4. EllenCBraun
    Member
    Posted 8 years ago #

    Hey, thanks so much!

    Your coding made some changes, but still DID NOT BRING UP MY HEADER!!! (Sorry 'bout the caps, I'm getting frustrated...)

    Thanks anyway:)

    Any other ideas????

  5. FruitFly
    Member
    Posted 8 years ago #

    Take the 179/ out of the url, and you should see it. :)

  6. spencerp
    Member
    Posted 8 years ago #

    It's ok ...I was just assuming you had that image in that directory of: 179 or something.. But, FruitFly's response should work for ya...that's what I was going to say to start with...just wasn't sure of where you had the "images" to start with LOL!...

    spencerp

  7. EllenCBraun
    Member
    Posted 8 years ago #

    Ok, thanks so much!

    SOMETHING happened, but not what was intended, lol...

    Check it out: http://www.raisingsmallsouls.com

    I tried to remove the title and description from within the dashboard, and that made the site have NO HEADER!!

  8. spencerp
    Member
    Posted 8 years ago #

    CALM DOWN! We'll try and help... LOL!

    spencerp

  9. EllenCBraun
    Member
    Posted 8 years ago #

    Hey, Spencerp,

    Thanks for your reassuring words! and for your help:)

    I'm sure there must be a way....

  10. FruitFly
    Member
    Posted 8 years ago #

    Ok, it appears you're using the Gila theme, so I'm basing this answer on looking at that theme.

    In header.php comment out this line:

    <a href="<?php echo get_settings('home'); ?>"><?php bloginfo('name'); ?></a>

    and this line:

    <div style="padding-left: 10px; padding-bottom: 10px; font-size: 138%; color: #eee; font-weight: bold;" ><?php bloginfo('description'); ?></div>

    Then, change the .headerTitle section in your CSS to this:

    .headerTitle {
    margin: 0;
    height: 147px;
    }

    That should do it. :)

  11. EllenCBraun
    Member
    Posted 8 years ago #

    Fruitfly,

    You are a miracle worker!!!!!!!!

    Now, how did the very light blue band appear right beneath the header?

    And, how would I install a leaderboard of adsense right beneath the header?

    And, after we do that, how do I make the image-header be clickable to my home page?

    If you are a parent, I will give you free copies of my kids activity books; they'll be on the home page soon!

  12. FruitFly
    Member
    Posted 8 years ago #

    I'm not a miracle worker, just a bit of a geek who likes challenges. :)

    One thing to note: Your header image is 1278px wide. While that may look good to you if you're using a high resolution - you'll find that most people won't be able to see the entire image. Anyone using 1024x768 (most common among visitors to my sites) or 800x600 (less common these days, but still prevalent) is only going to see part of it. On my 1024x768 I can only see "Timless Parenting Advice for Tots through" -- the rest is cut off. You might want to consider resizing the image to at least 1024 in width. (If you do that - make note of the new image height and change the .headerTitle height designation in your CSS accordingly.)

    Now then:

    The light blue band is just the second line of code that you didn't quite get commented out.

    <div style="padding-left: 10px; padding-bottom: 10px; font-size: 138%; color: #eee; font-weight: bold;" ><?php bloginfo('description'); ?></div>

    Comment out (or just delete it if you want) that div - and the blue bar should go away. :)

    I can't help much with the adsense question, as I've never installed ads on anything I've worked on. Anyone else want to step up on that one?

    Making the header image clickable is a bit trickier, since we've set it up to be a background image rather than an image on the page. You can't make background images clickable.

    So... here's a possible solution:

    Remove the background image from your #header in the CSS.

    Add this into your header.php, under .headerTitle (and take out anything else that's there):

    <a href="<?php echo get_settings('home'); ?>"><img src="<?php bloginfo('template_url'); ?>/images/header.jpg" alt="Raising Small Souls" /></a>

    And I'm not a parent myself (I have the patience to do this, but not to raise kids!) but I have a very good friend who is - if you wouldn't mind me passing that offer to her, I will take you up on it.

  13. EllenCBraun
    Member
    Posted 8 years ago #

    Hey Fruitfly,

    THANKS!

    My designer is going to re-size the image, and I did what you said, and it became clickable, awesome!

    Now I got a purple border- will search for that color in my css or header page, and remove it... see, I'm learning!

    Ok, anyone know how to install a leaderboard of ADSENSE below my header???

  14. FruitFly
    Member
    Posted 8 years ago #

    Searching for that color probably won't help you much, so I'll give you the answer. :)

    To remove that border, add this into your CSS:

    .headerTitle img {
    border: 0px none;
    }

    Unless you don't want images on your site to ever have borders, in which case, you can add:

    img {
    border: 0px none;
    }

    And that will remove from all of them.

  15. telcodude
    Member
    Posted 8 years ago #

    Hello. I'm new to this game so, of course, I wanted a graphic header and now I can't fix it. :)

    I edited my style.css to this:

    (BEGIN CHANGE)

    #header {
    background:#F0F9F9 url(/images/dm3.jpg) no-repeat;
    align: center;
    text-align:center;
    }

    #headerimg {
    height:190px;
    width: 740px;
    align: center;
    }

    (END CHANGE)

    And edited my header.php to this:

    (BEGIN CHANGE)

    <div id="header">
    <div id="headerimg">

    </div>
    </div>

    (END CHANGE)

    It's THERE, just gaforkled a bit. What's my next step to center the graphic and eliminate the border?

    Any help would be appreciated.

  16. Pocketrock
    Member
    Posted 7 years ago #

    Hi, I'd like to show the image under the generic text and dual colored bacground that WordPress provides when you first start your blog.

    I've inserted an image and it's visible under it, but the generic text and bg color (blue and red) is covering it. How do I get rid of the generic text and blue/red background so I can see the header image under it?

    My blog: http://www.devonevermore.com/pocketrock

    Hope someone can help. Thanks.

  17. vkaryl
    Member
    Posted 7 years ago #

    Y'know, I hate to be the one to say this....

    But posting a "new person/new site" problem in a resolved thread is practically guaranteed to get you no replies. Only reason I'm posting is because I remembered the original thread/poster, and was surprised....

    So how about you repost a new thread for your own thing, hmmmm?

Topic Closed

This topic has been closed to new replies.

About this Topic