How to increase the font size in Automattic's P2 Post Box

Front page posting is what the P2 theme is all about – but I personally find the default font size on the front page a bit too small. Perhaps it’s my raging tired eyes. In every child theme I write for P2, I usually increase this – both for immediate posting, as well as for text editing (which also happens inline on the front page).

To do that, add the following to your style.css file:

/* larger text for post box and editing */
  #postbox textarea #posttext, textarea.posttext {
  font-size: 1.3em !important;
}

This will address the font size for both inline editing as well as posting. I’ve chosen 1.3em because it integrates well into my other settings, but feel free to choose something larger or smaller (1.2em or 1.4em respectively). You can also choose a defined point size like 16px if you like.

To also address the text box for default comments, we can add this:

#respond textarea, .textedit textarea {
	font-size: 1.3em !important;
	color: #555;
}

By default the font colour is black, so #555 tweaks it to be the dark grey that the rest of the P2 text has.

Happy hacking!





Jay is the CEO and founder of WP Hosting, a boutique style managed WordPress hosting and support service. He has been working with Plesk since version 9 and is a qualified Parallels Automation Professional. In his spare time he likes to develop iOS apps and WordPress plugins, or draw on tablet devices. He blogs about his coding journey at http://wpguru.co.uk and http://pinkstone.co.uk.