• Sorry I don’t know this…just started my WordPress exploration! I’m using the standard Kubrick theme but I’m trying to modify the layout so that the header is flush up against the top of the page (currently there seems to be a margin or some code that makes it drop down like 10px).
    Could you help me with this? thanks!

Viewing 15 replies - 1 through 15 (of 21 total)
  • Can we get a link to the blog in question? Also, that’s an image based theme, you’ll have to start by adjusting the kubrickheader.jpg image..in a program like GIMP or Photoshop..

    You’ll then have to “maybe” do some other stuff for the CSS located in the header.php file, but lets start with changing the kubrickheader.jpg image first..

    spencerp

    Thread Starter bkatzel

    (@bkatzel)

    spencerp, thanks for your response. I have gotten as far as changing the kubrickheader.jpg and adjusting the header.php to 320px high so the whole pic is viewable. I think my problem is with the css in the header file that you spoke of. I would like the header to be flush with the top of the page, not dropped down at all. You can see an example at http://www.theimaginarystudio.com

    I header image looks messed up but it is fine, I’m using is just as a place holder for now. The issue will be the orange background the shows above it. Thanks again for your help, I look forward to your reply!

    I’m going to install a second default 1.5 theme once, and mess with it.. =) Would be kind of a cool idea to have a default theme without that gap for the top and footer…just have the sidewalls on it..

    I’ll get back to you then ok.. In the meantime…try adjusting the CSS codes for the header image in the main CSS file once..

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

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

    spencerp

    By the way, are you sure you want the header image at that height though, I mean you could keep the original height of it and just work around some margins/paddings..? Anyway, like I said I’ll work on something here myself once…see what happens lol..

    spencerp

    Thread Starter bkatzel

    (@bkatzel)

    yeah, the header ended up being 320px…but I really want the header imagery to stand out. It should all work out good, especially when the space above it is removed. Thanks again for all your help, I’ll make sure you see the site when its all finished.

    I just spent the last half hour or so tweaking it up, most of that time was taken to please IE6’s output of the margins, finally got a work around for it… All the images are the same in size as the originals..by the way..

    Plus, In this version, you will have the following issues fixed.

    1) The search button will be up beside the search input field in both IE and FF.

    2) The 1px footer/header issue will be fixed for in both IE and FF.

    3) You will have everything in the sidebar, listed on all the pages, instead of just the index page.

    4) You will also have the same imagery as I do on there now. =) Added two little images for under a topic.. =)

    I hope you like that, you can always just get rid of the top white space and lower white space of the header image, just by editing the image itself …don’t make it bigger though!!

    Just crop the top of the blue part of the image and move it upwards, and the same for the lower part, or whatever you want to do with it lol!

    View Default 1.5R2 (All sidewalls, no top and bottom margins)
    Download It!

    spencerp

    Also, if you want to get rid of them stupid >> in the sidebar so it’s the same in IE and FF, in the CSS File, go to around line 754 at this code:

    .entry ul li:before, #sidebar ul ul li:before {
    content: "backslash 00BB backslash 0020"; }

    And comment it out like this:
    //**.entry ul li:before, #sidebar ul ul li:before { content: "backslash 00BB backslash 0020";
    }**//

    Shoot, just found out on MSN Messenger from someone, that in the Opera browser there is a 20px gap in the footer, [rolls eyes]… I’m downloading that browser now and going to see if I can do something about it..sigh..

    Atleast it’s ok in IE and FF though, just sucks that I can’t download every god blasted browser and such to test themes on.. =( I’ll try and get it working in atleast those three browsers.. =)

    spencerp

    Thread Starter bkatzel

    (@bkatzel)

    Thanks again spencerp! I really appreciate your help. I’ve gotten a little bit further along…check it out:
    http://www.theimaginarystudio.com

    Hahaha, no problem. But holy crap with the header image lmaO! Isn’t that a little too big maybe? Cause it loaded slow as hell for me on a crappy 32k dial up connection.. =( (Yes, I’m a cheap bastard..sorry..) =)

    It’s looking good man, good job.. =)

    spencerp

    107 KB for a header image??? That’s a sure killer for any visitors…

    Must have been fixed?

    The one I got was only 32k.

    Quite a unique look though, nice job!

    Yep.

    I am seeing the 100+ KB image here. Definitely needs to have some weight trimmed from it! πŸ™‚

    Thread Starter bkatzel

    (@bkatzel)

    Hi all. I’ve managed to get the header down to 64kb (about). I’m kind of new to the blogging world and not used to all the worry as far 100k file sizes. It seems that blogs have it pretty easy as far as content goes, and my thinking is that often times the header doesn’t even reload from page to page. My thoughts with such a tall header is…a blog usually scrolls, or at least the few that I’ve seen, so might as well hit them with some serious imagery when they get there. Is there something I’m missing? I guess I can understand slow bandwidth (come on spence…32k? AT&T hasn’t attacked you with the 12.99 DSL yet?!! lol) but I’m getting to the point that I’m sick of worrying about 800×600 browser sizes and slow internet speeds. Maybe there’s something I’m not considering or unaware of, though, when dealing with a blog and it’s a whole different ball game.

    Once again, I’ve really appreciated all your help and comments and look forward to reading more!

Viewing 15 replies - 1 through 15 (of 21 total)
  • The topic ‘Newbie Help’ is closed to new replies.