Difficulty using a 740x100px header image

  • hjo3

    (@hjo3)


    19 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:

    https://www.hjo3.net/wordpress/

    As you can see, I’m using a header image that’s 740×100 instead of the usual 740×192+.

    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

Viewing 6 replies - 1 through 6 (of 6 total)
  • Thread Starter hjo3

    (@hjo3)

    bump

    Anyone?

    spencerp

    (@spencerp)

    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.. =)

    spencerp

    Thread Starter hjo3

    (@hjo3)

    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 https://www.hjo3.net/share/personalheader.jpg (might have to copy-paste that link).

    Thanks ??

    spencerp

    (@spencerp)

    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.

    https://www.vindictivebastard.net/kubrickfixed/

    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.

    https://www.vindictivebastard.net/images3/kubrickheader.jpg

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

    spencerp

    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..

    Thread Starter hjo3

    (@hjo3)

    Spencerp, you are a god.

    Header’s totally fixed now, thanks

    spencerp

    (@spencerp)

    [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. =)

    spencerp

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Difficulty using a 740x100px header image’ is closed to new replies.