WordPress.org

1. briandickson
   Member
   Posted 2 years ago #

   I find the text in the editor is very small, can someone tell me how to change this?

   I have tried changing various text options in the templates's style sheet, but I must be changing the wrong thing because changes are not reflected in the editor.

2. apljdi
   Member
   Posted 2 years ago #

   There is a line in wp-admin/wp-admin.css that reads body, td, textarea, input, select{. That is the one that controls the font size in the edit box, and obviously controls a lot else as well. Try this:

   function change_edit_font_size() {
     echo '<style type="text/css">
       div#editorcontainer textarea { font-size:20pt }
     </style>';
   }
   add_action('admin_print_styles','change_edit_font_size');

   You could edit the wp-admin.css file but you'll have work to do when you update WP. If you have a lot of changes to make a third option would be to load another stylesheet entirely.

3. briandickson
   Member
   Posted 2 years ago #

   Thanks for the reply apljdi, but this didn't work for me, that is adding the font line to style sheet you mentioned.

   in wp-admin.css, I inserted a 'font-size: 18px' line in the following code:
   

   textarea,
   input,
   select {
   	border-width: 1px;
   	border-style: solid;
   	-moz-border-radius: 4px;
   	-khtml-border-radius: 4px;
   	-webkit-border-radius: 4px;
   	border-radius: 4px;
   	font-size: 18px;
   }
   
   input[type="checkbox"],
   input[type="radio"],
   input[type="image"] {
   	border: 0 none;
   }
   
   p,
   ul,
   ol,
   blockquote,
   input,
   select {
   	font-size: 12px;
   }

   nothing changed in my editor.

   I am running WP ver 2.8.5

4. apljdi
   Member
   Posted 2 years ago #

   That won't work. It will be overridden by the more specific div#editorcontainer textarea. That is the one you need to change.

   By the way, I just double checked it. The code I gave you works for me-- copied and pasted right from my earlier comment. Did you try that? It will save a little headache during upgrades.

5. briandickson
   Member
   Posted 2 years ago #

   I would have tried your code, but it wasn't clear which file to append it to (I'm still fairly new to WordPress), obviously not the themes' css.

6. apljdi
   Member
   Posted 2 years ago #

   No. Not the theme's css. Put it in the theme's functions.php file. Create the functions.php if your theme doesn't have one.

7. PeterVk2
   Member
   Posted 2 years ago #

   Hi apljdi - your code works great, but only in the HTML editor. Is it possible to change it to work for the Visual editor (i.e., the wysiwyg editor)? I'm on WordPress 2.9.

   Thanks

Topic Closed

This topic has been closed to new replies.