How to change the header image size in ocean mist

  • Author
  • #358091


    I saw a few closed topics asking about the image header for ocean mist, so thought I’d paste in the custom css that worked for me, in case anybody wants it.

    Note that you need to upload your image to a page on your website, even if that page isn’t showing. It just puts the image “up there” to be referred to.

    For the #mainpic, set the height to whatever it is for your image. Mine was 114px. Note that the tabs will overlap it.

    For the #header, you’ll need to mess around with the min-height to get it just right.

    #mainpic {
    background: url(“your image URL here”) no-repeat;
    height: 114px;

    #header {


    Moderator Emeritus

    Your user name does not connect with a blog at
    Do you have a blog on (free hosting and software) If so, please provide a link to it, starting with http://

    If not (but free software, and you pay for hosting somewhere), then you are in the wrong forum and should be posting at

    We have different software here on wp.COM and your suggestion is not useful for .COM blogs:

The topic ‘How to change the header image size in ocean mist’ is closed to new replies.