Overview

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

Common Customizations

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

Style every title

/* 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. */
.topic > .title,
.topic > .title * {
    color: darkorange;
    letter-spacing: 0.05em;
}

Style section titles

/* Style section titles. */
.sectiontitle,
.sectiontitle * {
    color: darkmagenta;
    letter-spacing: 0.05em;
}

Style figure and table 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

/* You can use .topictitle1, topictitle2, .topictitle3, etc. */
.topictitle1, 
.topictitle1 * {
    border-left: 10px solid darkred;
    padding-left: 10px;
    color: darkred;
}

Adjust margins before topic titles

/* 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 Page Breaks.

Adjust margins before topic titles except for level 1 topic titles.

/* 
.topic > .title:not(.topictitle1) {
    margin-top: 80px;
}