Need help? Check out our Support site, then


reducing header height in 2011 theme

  1. 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.

  2. 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

  3. 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.

  4. 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

  5. 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;
    }

Topic Closed

This topic has been closed to new replies.

About this Topic