Twenty Eleven Theme Modifications

I think the safest way to make something dissapear in WordPress is using CSS to hide it, so you do not need to modify the code in the php files, specially because in the future you might regret having erased something. Using CSS you can revert it very easily 🙂

So, get to your style.css file located in your theme’s folder (remember to avoid working directly in the Twenty Eleven theme folder, at least make a copy of it and change it’s name). Anywhere in this file, write the code showed above:

.page .entry-title { display: none; }

That simple line should get rid of the page titles and also some of the white space you were talking about.

If you want to dissapear even more white space, get to line 1075 in the same file where you’ll find this:

.singular.page .hentry {
    padding: 3.5em 0 0;
}

Change it for:

.singular.page .hentry {
    padding: 0;
}

This last modification will remove white space not only in your pages, but also in your hole site.

Good luck! ;D

You can take away the little gap just by making a little change in line 684, where you’ll find this:

#main {
    clear: both;
    padding: 1.625em 0 0;
}

Just replace it for this:

#main {
    clear: both;
    padding: 0;
}

If you want to remove more white space between the top menu and the image slider, you’ll have to do some extra changes…

If you have copied the twentyeleven theme and are just customizing it its in the file content-page.php on line 13.

I personally have took out the whole block (starting with <header…) lines 12-14.

Alternatively if you are developing on Linux you can use grep/rgrep to search through source files in the command line and find whatever it is you are looking for, it can tell you what files and what lines it finds matches, that’s how I found it.

Please don’t just mute the title css its the lazy approach and sooner or later you will have to go back and do it properly. Save yourself the hassle later and do it properly from the start.

Happy coding