Changing footer size in Kubrick

  • Hi! I’m modifying Kubrick to suit my blog, and I’d like to be able to put in my own footer image. So I’m trying to replace the original kubrickfooter.jpg (63 pixels high) with my new kubrickfooter.jpg (127 pixels high).

    However, when I do so, the top part of my new footer image gets cut off. (You can visit my blog and scroll all the way to the bottom to see what I mean). Apparently Kubrick is somehow set to only allow 63 pixels of kubrickfooter.jpg to show, but I can’t figure out where or how that’s done.

    If someone could please help me with this, I’d really appreciate it.

Viewing 11 replies - 1 through 11 (of 11 total)

  • check the index.php file and modify the size that it hardcoded in there. to the size of your footer. that should do the trick.

    Thread Starter ampersand

    (@ampersand)

    Could you please be a little more specific – what line in particular should I look for, and what in it should I change?

    The only thing I can see about the header in index.php is this:

    <?php get_footer(); ?>

    And I don’t think that’s what you’re talking about.

    Thread Starter ampersand

    (@ampersand)

    Okay, I’ve been given a solution to the problem. I’m posting it here in case someone else runs into the same problem and finds this thread doing a search.

    In Kubrick, the way to fix this is to open up the file named header.php (find it by choosing “presentation:theme editor” in the control panel, and then and looking at the list of files) and look for the line that says:

    #footer { background: url("<?php bloginfo('stylesheet_directory'); ?>/images/kubrickfooter.jpg") no-repeat bottom; border: none;}

    You want to add a “height: 124px;” trait to this, so that it looks like this:

    #footer { background: url("<?php bloginfo('stylesheet_directory'); ?>/images/kubrickfooter.jpg") no-repeat bottom; border: none; height: 124px;}

    I chose 124px because my kubrickfooter.jpg image is 127px high (I found that making the height a few pixels shorter than the size of the image prevents a thin white line from appearing just above the image). Obviously, someone with a different-sized image will need to choose a different value.

    Its not necessary to edit php files to do this. Or it shouldnt be.

    Root, it is necessary in order to solve this poster’s problem. If your objection is philosophical in nature, which I assume it is, this mostly likely is not the correct place to make such a stand. ampersand needs *assistance* in the hereandnow.

    This therefore is 2 qs. One. How to replace the image? Answer replace it. Two. How to alter the dimensions? Answer: locate the CSS concerned and change the height. No php required.

    My objection is folks persistently using php to solve xhtml / CSS problems. It is incorrect and it adds a whole level of complexity for new users. It is damaging both to web standards, and to the casual users understanding of what WP does.

    sorry, I do SMF forum work and I got it mixed up with that when I told you to look for the footer size change. LOL

    ??

    @ carla – either your blog is admirably lite and er minimalist or your CSS isnt loading.

    Depending on your footer, I find it easier to change: “no-repeat bottom” to “repeat-y bottom.” That way the Footer will expand to incorporate your image and your text. It was driving me crazy that my footer text was moving up the page above the footer. Thanks to this thread I was able to solve the problem – without creating a bigger footer image. The trick is to use a footer that can be repeated. Not relying on images is obviously the best way – but if you do use an image make sure it can be repeated.

Viewing 11 replies - 1 through 11 (of 11 total)
  • The topic ‘Changing footer size in Kubrick’ is closed to new replies.