Modifying the monospace formatting option?

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?

3 answers

1 accepted

Accepted Answer
0 votes
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.

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>

fhyukf ñoujlujl

Suggest an answer

Log in or Sign up to answer
Community showcase
Posted yesterday in Featured Groups

Tuesday tips & tricks: What is the Atlassian Community?

It's officially Tuesday, which means it's officially time for another tip to help you better navigate this space we call the Atlassian Community. 😄 I got a great question from community member, Sa...

51 views 2 4
View post

Atlassian User Groups

Connect with like-minded Atlassian users at free events near you!

Find a group

Connect with like-minded Atlassian users at free events near you!

Find my local user group

Unfortunately there are no AUG chapters near you at the moment.

Start an AUG

You're one step closer to meeting fellow Atlassian users at your local meet up. Learn more about AUGs

Groups near you