Del.ici.ous
How can I increase the font size for Joomla! article editing? The text is too small for me to work with.
You are probably using TinyMCE as your article editor (you can check on the Global Configuration > Server screen) which has a default font size of 10 pixels. You can set the editing font size by creating a custom style sheet and then configuring TinyMCE to use it.
Use a text editor to create a file called mytinymce.css and enter the following text:
body, td, pre {font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 1.5em;
}
In this style, I have made the font-size 150% of the size of normal text. You can use pixels (12px) or points (12pt) instead, but I prefer to use the em measurement since it makes the font size conform to the browser text size setting.
Upload this CSS file to the root directory of your Joomla installation. From the Joomla! Administrator interface, open the Extensions > Plugin Manager. Click on the Editor - TinyMCE 2.0 option to display the settings for the editor. In the Custom CSS Classes field, you can set the path to point to your new CSS as shown the figure below.
Enter the complete path to the style sheet. In my case it is:
http://www.joomlajumpstart.com/mytinymce.css
Now when you bring up the article editor, the font size will match the one you set in your custom CSS.
