WordPress.org

Support

Support » How-To and Troubleshooting » Ok I’m sorry but I have tried everything. How do you change the size of the….

Ok I’m sorry but I have tried everything. How do you change the size of the….

Viewing 15 replies - 1 through 15 (of 25 total)
  • The height of the header is set in the CSS —

    #header { margin: 0 !important; margin: 0 0 0 1px; padding: 1px; height: 198px; width: 758px; }
    #headerimg { margin: 7px 9px 0; height: 50px; width: 740px; }

    Try changing those lines till you get what you’re looking for.

    Thank you however I am using the WordPress default theme and I do not see that code. does it look just like that?
    Thank you so much for your help.

    Mark (podz)

    @podz

    Support Maven

    I would advise that if you are wanting to alter the header that you look to another theme. The default uses images for all the layout and if you instroduce a height change then something else will break – and it’s not easy to fix.

    There are many other themes though:
    http://themes.wordpress.net

    I made a back up copy of default. I just can’t figure out how to change the size, anyone else? I can’t find those settings.

    wp_content/themes/default/

    Look for style.css

    right I found the style.css but and I made the file writable however I must be changing the wrong settings because I cant find the right lines to change.

    As I posted earlier in the thread:

    #header { margin: 0 !important; margin: 0 0 0 1px; padding: 1px; height: 198px; width: 758px; }
    #headerimg { margin: 7px 9px 0; height: 50px; width: 740px; }

    That’s where the header height is specified in your style.css. 🙂

    The header image is PREMADE, and you’d have to adjust the whitespace for the posts, post titles and such, for that gap in the CSS FILE! So that gap goes away to make it come upwards towards the blue imagery header thingy.

    This shit here:

    #header { margin: 0 !important; margin: 0 0 0 1px; padding: 1px; height: 198px; width: 758px; }
    #headerimg { margin: 7px 9px 0; height: 50px; width: 740px; }

    is for the header image itself…not the POSTS!! If you’d like to fix that 1px crap, which is showing the footer shifted to the right side in one browser, and not the other..then I have the fixes on here in the post:

    http://www.vindictivebastard.net/test101/

    That box was created quick for someone else, please ignore it. But I can try and work on what ya want now…so the posts are closer to the header thingy.. =)

    spencerp

    Jesus! If you want, just make the original header image smaller height wise…then adjust the margins or padding settings accordingly.. :/ FruitFly, didn’t mean to sound rude to ya..god damn requests are almost impossible these days lmao!! Because they don’t really specify nothing, they just slap in IDEAS for their intentions and shit… :/

    spencerp

    NP spencer. If I’m wrong, I’m wrong. 🙂

    I don’t see those settings I see this only:

    #header {
    padding: 0;
    margin: 0 auto;
    height: 200px;
    width: 100%;
    background-color: #73a0c5;
    }

    #headerimg {
    margin: 0;
    height: 200px;
    width: 100%;

    Ok take a look at my site. http://www.ihatedialysis.com
    See what I mean. I know what you guys are saying but I cannot find those settings in the style.css

    If you’d LOOK at the page source of the link you posted, you’ll see the style information for the header image is right there. So, go into the theme editor and edit the header.php (if the code is not there, it’s in one of the other template files, I don’t use the default so I’m not sure). There, you’ll be able to adjust the image and do whatever you want. As was mentioned earlier, you should look for a better theme to customize, as the default is difficult.

    I’d also suggest you read some basic tutorials on CSS, HTML and images, as that will be far more fruitful for you than your current method of problem solving. How to do what you want has been clearly explained, you need to help yourself a bit as well, I’m sure you can understand how frustrating it can be to re-post the same solution over and over again.

    “Seek and YOU shall find!”

    Good luck,

    Michael.

    Spencer,

    Ok I tried adjusting the space in the header.php but I get it moving every way except up. I tried the height, margin ect. Can you tell which one is it?

    Here, I’ve fixed it for you! It works fine in Firefox 1.5 on Windows 2000, I don’t know if it works anywhere else, that you’ll have to figure out on your own. Download the ZIP file from here. Unzip it, cut the CSS parts from the .htm file and just over-write your style.css with the one in the zip file. BACK UP everything before you over-write it.

    It may help or it may not, whatever the case, it’s provided as is.

Viewing 15 replies - 1 through 15 (of 25 total)
  • The topic ‘Ok I’m sorry but I have tried everything. How do you change the size of the….’ is closed to new replies.