reducing header height in 2011 theme

  • Author
    Posts
  • #848149

    naneos
    Member

    i love the 2011 theme and would buy the custom CSS upgrade if it would let me make the header image height smaller. is this possible at all with the CSS upgrade, and if yes, how?

    as a related question, would it be possible to remove the footer with the recent posts in the showcase template of 2011 with the CSS upgrade?

    thanks in advance
    martin

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

    #848463

    timethief
    Member

    1. header image height smaller
    Yes it’s possible and Staff do provide CSS editing support so they will supply the “how”.
    2. remove the footer
    Not allowed if you mean footer link credits
    Please read this > http://en.support.wordpress.com/custom-design/#frequently-asked-questions

    #848503

    naneos
    Member

    Timethief, thx for the reply!

    By “remove the footer” I don’t mean the footer credits, but rather the fact that in the “showcase” template, the posts show up in the footer (like here: http://naneos.wordpress.com/about/). i like the “default” template better which has no posts in the footer, but the showcase is nicer because it uses the space better, so a combination of the two is what i am looking for.

    #848584

    make the header image height smaller. is this possible at all with the CSS upgrade, and if yes, how?

    First, you should create a header image with the dimensions you’d like to use on your blog, upload it to your media library, and copy the image URL.

    Here is one example showing how to replace the built in header image in the Twenty Eleven theme with a smaller size that you set:

    #branding a img {
    display:none;
    }
    
    #branding > a {
    display: block;
    background: url(YOUR_IMAGE_URL) repeat-x;
    width: YOUR_IMAGE_WIDTH;
    height: YOUR_IMAGE_HEIGHT;
    }

    Replace YOUR_IMAGE_URL with the image URL from the image you uploaded to your media library. Replace YOUR_IMAGE_WIDTH and YOUR_IMAGE_HEIGHT with your image width and height.

    For reference, using > in a selector is called a descendant selector and here it’s supported in a wide range of browser versions:
    http://caniuse.com/#search=2.1%20selectors

    #848585

    Would it be possible to remove the footer with the recent posts in the showcase template of 2011 with the CSS upgrade?

    That’s no problem. To completely hide the recent posts section in the Twenty Eleven Showcase Template, use this CSS:

    .recent-posts {
    display: none;
    }
    
    article.intro {
    margin-bottom: 0;
    }

The topic ‘reducing header height in 2011 theme’ is closed to new replies.