Need help? Check out our Support site, then


Changing header size

  1. theculinarycat
    Member

    Hello,
    I am trying to change the header size on my wordpress page: http://theculinarycat.wordpress.com/

    The theme I am using is Fruit shake: http://theme.wordpress.com/themes/fruit-shake/

    That banana photo I am replacing, and I would like to half the size of the header. (Preferably including instructions how to change the size, not just the number, as I might play around with the size later on).

    I had a look at the code and searched around online but couldn't work out how to do it.
    http://s1.wp.com/wp-content/themes/pub/fruit-shake/style.css?m=1309982078g&minify=false
    ^ There's the code. I don't even know where to begin.

    Thank you :)

    The blog I need help with is theculinarycat.wordpress.com.

  2. Here is the code to change the height to about half of the 285px it is now (150px). You will have to create a 985px x 150px header image, upload it to your media library, get the URL of that image and then insert it into the "background" declaration between the double quote marks.

    #site-image {
        background: url("URL of image") no-repeat scroll 0 0 transparent;
        height: 150px;
    }
    #site-image img {
        display: none;
    }

    If you want a height different than 150px, edit that value and then make the image with that height.

Topic Closed

This topic has been closed to new replies.

About this Topic