Support » Themes and Templates » how to change font display in admin textarea code editor?

how to change font display in admin textarea code editor?

  • When working in wp-admin with the (file) editor for themes or plugins, how do you change the font style or size of the text (file’s code) displayed in the textarea? By default, it appears to be courier and the size is TOO BIG! Pre WP 2.7 it was smaller, which was nice.

Viewing 11 replies - 1 through 11 (of 11 total)
  • I really wish people would think to include a link to their site when they ask questions like this. Are we to guess what theme you’re using?

    In general – fonts are styled in styles.css. Look there for the font you want to change.

    I think you mis-understand the question. This is a WordPress CSS issue, not related to theme. What I am looking for is the CSS setting/file to change the font in the TEXTAREA code editor window. This is the form area where you see code for the files (i.e. comments.php, etc). It is the same no matter what theme is activated, therefore leads one to believe it is a WordPress CSS setting.

    edit the file…wp-admin/css/theme-editor – line #2 and #3

    Default values:
    #template textarea {
    font-family: Consolas, Monaco, Courier, monospace;
    font-size: 12px;
    width: 97%;

    Example – change the default font style or size as desired
    #template textarea {
    font-family: verdana, arial, fixed, Consolas, Monaco;
    font-size: 11px;
    width: 97%;

    Nobody is “misunderstanding” anything. The styles.css in each theme are different – therefore before anyone can answer your question we have to actually see what’s happening. It could be a browser issue, for all anyone knows.

    But … since you apparently have all the answers to this … you’re on your own.




    You notice nobody else is bothering to respond either, don’t you? Wonder why that is.

    Question was asked, a solution provided. It may help others in future. As for your negative attitude; I recommend daily vigorous exercise to relieve your pent up frustrations as an alternative to littering forums with unproductive rude comments. Don’t be one of those people. Honestly…

    I created an account only to reply to this thread. I think it’s worth it considering Saurus’ attitude.

    anyway, thanks a lot WordyWord for the tip, that thread came up first in the results in my search for that answer.

    I couldn’t help but respond to this thread either, after coming across it while searching for a way to change the font in the admin areas. Saurus’ attitude sucks. This question was clearly not about themes, and wordyword said so. There was no need to get angry at all. But perhaps Saurus has other issues – if you click his name you’ll get to his website, and that helps to explain things a bit.

    Anyway, thanks for the pointer wordyword, it’s what I was looking for, but doesn’t this change get overwritten when you upgrade WordPress versions? I was hoping for a plugin so that it stayed the same across versions.

    Here are two ways of doing it while making sure it stays stable across version upgrades, the first is a plugin, and the second shows you how to create your own simple CSS plugin:

    Admin CSS Plugin

    Creating Admin Themes from codex.wordpress.com

Viewing 11 replies - 1 through 11 (of 11 total)
  • The topic ‘how to change font display in admin textarea code editor?’ is closed to new replies.