WordPress.org

Ready to get started?Download WordPress

Forums

Changing footer size in Kubrick (12 posts)

  1. ampersand
    Member
    Posted 9 years ago #

    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.

  2. 7milesdown
    Member
    Posted 9 years ago #

    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.

  3. ampersand
    Member
    Posted 9 years ago #

    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.

  4. ampersand
    Member
    Posted 9 years ago #

    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.

  5. Root
    Member
    Posted 9 years ago #

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

  6. carla
    Member
    Posted 9 years ago #

    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.

  7. Root
    Member
    Posted 9 years ago #

    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.

  8. Root
    Member
    Posted 9 years ago #

    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.

  9. 7milesdown
    Member
    Posted 9 years ago #

    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

  10. Root
    Member
    Posted 9 years ago #

    :)

  11. Root
    Member
    Posted 9 years ago #

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

  12. Kerim
    Member
    Posted 9 years ago #

    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.

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags

No tags yet.