WordPress.org

Ready to get started?Download WordPress

Forums

Ok I'm sorry but I have tried everything. How do you change the size of the.... (26 posts)

  1. Epoman
    Member
    Posted 8 years ago #

    Header? I have a banner I want to replace with the big blue area. I want only a little space between my banner and the posts.

    Please see http://www.ihatedialysis.com to see what I mean.
    There is just too much space.

  2. FruitFly
    Member
    Posted 8 years ago #

    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.

  3. Epoman
    Member
    Posted 8 years ago #

    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.

  4. Mark (podz)
    Support Maven
    Posted 8 years ago #

    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

  5. Epoman
    Member
    Posted 8 years ago #

    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.

  6. Chris_K
    Member
    Posted 8 years ago #

    wp_content/themes/default/

    Look for style.css

  7. Epoman
    Member
    Posted 8 years ago #

    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.

  8. FruitFly
    Member
    Posted 8 years ago #

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

  9. spencerp
    Member
    Posted 8 years ago #

    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

  10. spencerp
    Member
    Posted 8 years ago #

    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

  11. FruitFly
    Member
    Posted 8 years ago #

    NP spencer. If I'm wrong, I'm wrong. :)

  12. Epoman
    Member
    Posted 8 years ago #

    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%;

  13. Epoman
    Member
    Posted 8 years ago #

    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

  14. niziol
    Member
    Posted 8 years ago #

    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.

  15. Epoman
    Member
    Posted 8 years ago #

    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?

  16. niziol
    Member
    Posted 8 years ago #

    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.

  17. Epoman
    Member
    Posted 8 years ago #

    niziol,

    Thanks for the help however I clicked the .htm file in the zip and it looks exactly like it use to. Nothing changed. What did you do?

  18. niziol
    Member
    Posted 8 years ago #

    Do exactly the following:

    In your template file, header.php, find this line: <style type="text/css" media="screen">. Find the SAME line in the .htm file. In the zipped .htm file, copy from the <style type="text/css" media="screen"> until you get to the </style>. Now, in your header.php, paste what you've just copied over the same code block (starting with the <style type... and ending with the </style>). And simply replace your style.css file with the one included.

    There are changes, so just copy, paste and replace. I really, really can't even imagine how much easier this could possibly get. If you can't understand simple copy and paste, then I don't know what to say.

    SO, to make clear, copy the style block from the .htm file I gave you and paste that over the old style block in header.php. And then simply unzip style.css and upload it to the theme directory, over-writing the default style.css. Remember to back up everything.

    Hoping this is crystal clear,
    Michael.

  19. Epoman
    Member
    Posted 8 years ago #

    Ok here is a picture of what I need will doing what you said get this result?

    http://www.ihatedialysis.com/space.jpg

  20. Epoman
    Member
    Posted 8 years ago #

    I did exactly like you said and it still has all that space uptop see the picture.

    http://www.ihatedialysis.com/space.jpg

  21. niziol
    Member
    Posted 8 years ago #

    Either this whole thread is a fricken joke or you're the biggest twat who knows how to use a computer. You DID NOT do exactly as instructed, as I can see from viewing the source on your page - in fact, you've done nothing to it at all.

    If you think sitting there with your finger up your ass is going to solve your problems, then you've got another thing coming.

    I'm done wasting my time with you and considering no one else is answering you, they must be too. So figure out you own damned problem.

    OH, and as you can SEE what I told you to do works just fine.

  22. Epoman
    Member
    Posted 8 years ago #

    Thank you for taking the time to help, sorry if I am missing something. I don't really see the need to use vulgar language at me since I am just asking for help.
    I had did what you said but I copied back my backups since I saw no difference, that is why you saw no change. I will try it again.

    Again thank you for your time and I am sorry if I upset you.

  23. Epoman
    Member
    Posted 8 years ago #

    Ok I did it EXACTLY like you said and I used the EXACT files you provided. It still does not work. Please check what you had me copy because it is the exact same data.

  24. niziol
    Member
    Posted 8 years ago #

    Yes, now there is some progress. All of the problems you are having are related to the style sheets, hence why I suggested you read up on it, google something like "CSS tutorial".

    Is there any particular reason you want to use the default theme? It's is VERY difficult to tweak, you should look around for some alternative themes. A simplistic theme is much more easier to navigate and figure things out on.

    I suspect you will have to adjust the margins and padding on other CSS rules (such for the page itself etc.) I will attempt to assist you again tomorrow, as I'm about to go to sleep. Keep tinkering with it, read some tutorials on CSS and look for a better theme for your site!

    You can certainly appreaciate that this is very frustrating for people who try to help others on these forums. Beleive me, calling you a twat was especially restrained for me. When people offer you advice that does not work out, DO NOT come back with a blameful tone, ie: I did EXACTLY you said..., if you expect any help, you have to be polite, you have to have done everything possible to find a solution yourself and you must not be snippity to those who respond - otherwise, being called a twat will seem like a compliment compared to the real profanity that you might elicit.

    So, read up on CSS, look harder for a solution yourself and remember that everyone here is a VOLUNTEER. If I have some time tomorrow, I will attempt to assist you again. Do I know what I'm doing? Nope! Do I have all the answers? Nope! Even if no one here ever figures it out, it's the gesture that counts, remember that this is YOUR problem, not anyone elses, so the solution must rest with you!

    Good luck,
    Michael.

  25. Epoman
    Member
    Posted 8 years ago #

    I just like the simplicity of the default theme. I will look around for another theme. I just can believe that this is so hard. Regardless of what you may think of me I did build my forum on my own and did all the graphics.

    Again thank you for your time.

  26. spencerp
    Member
    Posted 8 years ago #

    LMAO@niziol's comments. =) Epoman, if niziol has it working and gave ya the files yet to boot, and you uploaded them correctly and cmodded them 777. Everything should be just fine. I'm going to try them myself once, and get rid of that little box.

    I'll post back here then with my comments.. =)

    spencerp

    P.S. I haven't replied lately because I prolly gave up at the time and went to bed..ppl do sleep ya know lol!! =)

Topic Closed

This topic has been closed to new replies.

About this Topic