Increase Font Size In Editor

3 posts by 2 authors in: Forums > CMS Builder
Last Post: March 4, 2009   (RSS)

By avrom - March 3, 2009

Hi Dave !! :))

I need the font to be larger in the wysiwyg editor so my client can see what they are editing more easily. I modified the CSS in wysiwyg.css to include the p tag, but its not making any difference:

Any ideas ?

body.mceContentBody, .mceContentBody td, .mceContentBody pre, .mceContentBody p {
font-family: Arial, Helvetica, sans-serif;
font-size: 11pt;
color: #000000;
}

Cheers
Avrom

Re: [virgodesign] Increase Font Size In Editor

By Dave - March 4, 2009

You can increase the size by modifying cmsAdmin/css/wysiwyg.css like this (changes in red):

body.mceContentBody, .mceContentBody td, .mceContentBody pre {
font-family: Arial, Helvetica, sans-serif;
font-size: 22px;
color: #000;
}

Then try clearing your browser cache. Browsers like to cache CSS files, especially ones loaded by javascript.

If that doesn't work you can add a random number on the end of the wysiwyg.css url like this:

- open cmsAdmin/lib/wysiwyg.php (or wysiwyg_custom.php)
- search for content_css and replace that line with this:
content_css : "$programUrl/css/wysiwyg.css?" + new Date().getTime()

That extra javascript code on the end adds a number so the css url is always unique and the cached value isn't used.

Let me know if that works for you.
Dave Edis - Senior Developer
interactivetools.com