How to format an inline code in Confluence?
By default Confluence renders monospaced text with transparent background. You can edit global CSS to add grey color. From Confluence manual:
- Choose the cog icon at top right of the screen, then choose Confluence Admin.
- Choose Stylesheet.
- Choose Edit.
- Paste your custom CSS into the text field.
- Choose Save.
Custom CSS for displaying grey background in monospaced blocks:
code {
padding: 1px 5px 1px 5px;
font-family: Consolas, Menlo, Monaco, Lucida Console, Liberation Mono, DejaVu Sans Mono, Bitstream Vera Sans Mono, Courier New, monospace, serif;
background-color: #eeeeee;
}
If you're using Confluence OnDemand (cloud):
- Click the cog/gear in the bottom of the sidebar on the left
- Select Look and Feel
- Click the Sidebar, Header and Footer tab
- Paste your custom CSS into the Header field
- Wrap the code in a
{style}
block - Save
Paste the following:
{style}
code {
padding: 1px 5px 1px 5px;
font-family: Consolas, Menlo, Monaco, Lucida Console, Liberation Mono, DejaVu Sans Mono, Bitstream Vera Sans Mono, Courier New, monospace, serif;
background-color: #eeeeee;
}
{style}
After that you'll get nice and tidy stackoverflow-stylish inline code spans just by writing {{sometext}}
.
To insert inline monospace font in Confluence, surround the text in double curly-braces.
This is an {{example}}
.
If you're using Confluence 4.x or higher, you can also just select the "Preformatted" option from the paragraph style menu. Please note that will apply to the entire line.
Full reference here.