[All Adaptavist Apps]
Wiki Markup |
---|
{scrollbar:no-css=true} |
Excerpt |
---|
This short tutorial provides numerous examples showing how to improve text styles... |
...
The most obvious customisation is the font and size of your body text, for example:
No Format |
---|
body, p, td, span.smalltext, li {
font-family: Tahoma, Verdana, Arial, sans-serif;
font-size: 12px;
}
|
...
Often overlooked, the spacing between lines makes a huge difference to the look of your content:
No Format |
---|
body, p, li {
line-height:1.6em;
}
ul {
line-height:1.6em;
}
|
...
Although Confluence provides several additional text styles which can be used in your content, the default browser styles are normally used for them which might result in less than desirable output.
As shown in our tutorial on Basic Text Formatting, some subtle enhancements can make all the difference:
No Format |
---|
cite:before { content: "\""; }
cite:after { content: "\""; }
cite, cite:before, cite:after {
font-family: Georgia, "Times New Roman", serif;
font-style: italic;
}
ins {
background-color: #DBFFDB;
}
del {
background-color: #FFE5E5;
}
i, em {
letter-spacing: 1px;
}
|
These styles customise citations, inserted and deleted text as well as italic text which is obtained using the following wiki markup:
No Format |
---|
These styles customise ??citations??, +inserted+ and -deleted- text as well as _italic_ text:
|
Note: As we've just spotted, something's changed in in Confluence 2.x and as a result the style for inserted text no longer works. Atlassian are aware of the issue and we'd greately appreciate your vote on the corresponding issue ticket.