Title

Consistently style the titles of topics, sections, tables, and figures.

Overview

Resource location:@import url("https://jorsek.github.io/pdfgen.github.io/styles1.1/modules/dita/title.css");

By default, the titles of topics nested deeper than Level 5 are styled in the same way as Level 5 titles.

titles

Common Customizations

You can apply customizations by pasting the following code snippets under the @import rules.

Style every title
custom titles
/* Style every title. */
.title,
.title *,
.table--title-label,
.fig--title-label,
figcaption:not(figcaption > .desc) {
    color: teal;
    letter-spacing: 0.05em;
}
Style only topic titles
style only topic titles
/* Style only topic titles. */
.topic > .title,
.topic > .title * {
    color: darkorange;
    letter-spacing: 0.05em;
}
Style section titles
style only section titles
/* Style section titles. */
.sectiontitle,
.sectiontitle * {
    color: darkmagenta;
    letter-spacing: 0.05em;
}
Style figure and table titles
style figures and tables titles
/* Style figure and table titles. */
table .title,
.table--title-label,
.fig--title-label,
figcaption:not(figcaption > .desc) {
    color: darkred;
    letter-spacing: 0.05em;
}
Style topics on different levels
titles custom style
/* You can use .topictitle1, topictitle2, .topictitle3, etc. */
.topictitle1, 
.topictitle1 * {
    border-left: 10px solid darkred;
    padding-left: 10px;
    color: darkred;
}
Adjust margins before topic titles
topic titles margin
/* Adjust margins before topic titles. */
.topic > .title {
    margin-top: 80px;
}
Remember: We recommend to adjust page breaks prior to adjusting margins before topic titles. For more information, see Breaks.
Adjust margins before topic titles except for level 1 topic titles.
adjust margins except level 1
/* 
.topic > .title:not(.topictitle1) {
    margin-top: 80px;
}