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

- by

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!



If you enjoy my content, please consider supporting me on Ko-fi. In return you can browse this whole site without any pesky ads! More details here.

Leave a Comment!

This site uses Akismet to reduce spam. Learn how your comment data is processed.