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

0 votes
Accepted answer
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

Scrum Roles Explained: the Do's and the Don'ts

Hello Community,  Today we are going to talk about the three Scrum Roles. There is the Development Team, the Scrum Master and the Product Owner. In my opinion these three are all really impo...

76 views 0 4
Read article

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