WordPress.com

1. naneos
   Member
   Mar 17, 2012, 9:42 PM

   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. timethief
   Member
   Mar 19, 2012, 1:18 AM

   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. naneos
   Member
   Mar 19, 2012, 3:08 PM

   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. designsimply
   Staff
   Mar 27, 2012, 11:28 PM

   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. designsimply
   Staff
   Mar 27, 2012, 11:34 PM

   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.