Modifying the monospace formatting option?

[Jim]

1. Nobody in my company uses the monospace option on the drop-down formatting menu. 2. Lots of my users have requested a simpler way of rendering code (the code macros are too fiddly). Is it possible for me to modify the monospace option to look more like code, maybe with CSS magic? Maybe even just to add some gray background to it to make it stand out? Can that be done? What users want is to be able to select text and then using a drop-down list change it into code, in the same way you would make text italic by selecting it and choosing Italics from the Formatting drop-down menu. Anyone?

[Jim · Accepted solution]

No, I meant the Monospace option under the More drop-down menu, but your solution works there too, slightly modified. In the Custom HTML, for Monospace (which shows up as code ): <style> code { background-color:lightgray; border:1px dotted black; font-size:100%} } </style> Totally works. Thanks Jonathan.

[Jim]

fhyukf ñoujlujl

[Jonathan Simonoff]

I don't see a "monospace option" per se -- you mean the "Preformatted" option, right?

That outputs the <pre> tag, and you can style that with CSS.

You could add this to the Custom HTML part of the layout, or add it directly to the layout..

<style>

pre{background-color:lightgray}

</style>