reducing header img height in Kubrick

  • How do I get the height of header image to reduce in the Kubrick theme. I have substituted original image for a smaller one and have adjusted the height according in the style.css file but the height remains the same as original 200px and there is now a big gap between my header image and the content of the site. I have also checked the header.php but can’t figure out if I need to change anything there apart from alignining my new header image to the top. Thanks for your help. H.

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

  • Hmm, I changed my header size successfully. Here is the css that I changed to reflect the new header image height:

    #header { }

    #headerimg { }

    I also deleted the following in the header file:

    /* Because the template is slightly different, size-wise, with images, this needs to be set here
    If you don’t want to use the template’s images, you can also delete the following two lines. */

    #header { margin: 0 !important; margin: 0 0 0 1px; padding: 1px; height: 198px; width: 758px; }
    #headerimg { margin: 7px 9px 0; height: 192px; width: 740px; }
    /* END IMAGE CSS */

    /* To ease the insertion of a personal header image, I have done it in such a way,
    that you simply drop in an image called ‘personalheader.jpg’ into your /images/
    directory. Dimensions should be at least 760px x 200px. Anything above that will
    get cropped off of the image. */

    /*
    #headerimg { background: url(‘<?php bloginfo(‘stylesheet_directory’); ?>/images/personalheader.jpg’) no-repeat top;}
    */

    Then I, of course, swapped out the kubrick’s header image with mine in the header file.

    Thread Starter hkenna

    (@hkenna)

    Thanks for this. I changed the dimensions in the header.php aswell and that did the trick!

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘reducing header img height in Kubrick’ is closed to new replies.