Joomla Jumpstart

  • Increase font size
  • Default font size
  • Decrease font size
Home Frequently Asked Questions (FAQs) How can I increase the font size for Joomla! article editing?

How can I increase the font size for Joomla! article editing?

E-mail Print PDF
User Rating: / 5
PoorBest 

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 your URL in the Custom CSS Classes
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.
 

Google AdSense