Ready to get started?Download WordPress


Difficulty using a 740x100px header image (7 posts)

  1. hjo3
    Posted 8 years ago #

    Hi. I'm using the default WordPress theme in WP v2.0.1. I've run into a problem that's really got me stumped -- I can't make the header shrink vertically to accomodate the image I want to use without obscuring the rounded corners at the top of the page. Here's how the page looks right now:


    As you can see, I'm using a header image that's 740x100 instead of the usual 740x192+.

    How can I shorten up that header without screwing up the rounded corners? I've tried a hundred different things in header.php and style.css and pored over the docs extensively, nothing seems to work. Thanks

  2. hjo3
    Posted 8 years ago #



  3. spencerp
    Posted 8 years ago #

    You'd almost have to cut out a section in the middle width wise, and then mesh it together again...then adjust the height in the header.php file and or even CSS file for it.

    If you get what I mean? I'm not just talking about the blue part of the image, I mean the whole header image itself. I think...I just checked your site and see what you're wanting to do...mmm.

    Let me download a copy of your header image once and I'll try something quick.. =)


  4. hjo3
    Posted 8 years ago #

    You say cut an section out -- out of which image? I tried editing kubrickheader.jpg, but apparently wordpress doesn't actually use it for anything...? Maybe I need to edit header-img.php as well as header.php?

    BTW, you can find my custom header image at http://www.hjo3.net/share/personalheader.jpg (might have to copy-paste that link).

    Thanks :)

  5. spencerp
    Posted 8 years ago #

    Preview my modification of the kubrickheader.jpg at the height of 120px instead of 200px.. with some revamping of the header.php file to make up for it.


    Change the original code here:
    #header { margin: 0 !important; margin: 0 0 0 1px; padding: 1px; height: 198px; width: 758px; }

    To this here:
    #header { margin: 0 !important; margin: 0 0 0 1px; padding: 1px; height: 118px; width: 758px; }

    Save that as the kubrickheader.jpg (Over existing one in the images folder in the FTP.) And then remove that link to your personal header image once.


    On a side note: The image above is 120px high. And please comment out that personal header code once.


    Shoot, I'll have to change this all back then again on mine lmao... Don't want people thinking I'm stealing someone's imagery and stuff hahaha..

  6. hjo3
    Posted 8 years ago #

    Spencerp, you are a god.

    Header's totally fixed now, thanks

  7. spencerp
    Posted 8 years ago #

    [takes a bow to the audience].....thank you! thank you! really it's no big deal!.....hahaha. Damn, I guess this happens when running on hardly no sleep lmao!

    Glad she's looking good for ya and working ok. =) When ever you're ready to fix that crappy 1px footer shift or whatever..just hit me up on MSN Messenger then. =)


Topic Closed

This topic has been closed to new replies.

About this Topic